С помощью чего и как можно сверстать такую секцию?

Question

[Дарья]

С помощью чего (canvas, html/css или др.) и как можно сверстать такую секцию?

Comments

[Lynn «Кофеман»]

С помощью любого из перечисленного.
А в чём собственно сложность?

[Ankhena]

Список, абсолюты (или гриды), svg, псевдоэлементы, относительные единицы измерения (если оно должно масштабироваться)

Что именно вы уже попробовали и что не получилось?

[Дарья]

Ankhena, спасибо. Мне не до конца ясно, как сверстать на html/css (возможно и js) только эти цветные полукруглые секции. С остальными частями блока все более или менее понятно.

[Ankhena]

Дарья, взять SVG прямо из макета, зачем их верстать руками?

Answer 1

[sharpsss]

Найди/нагугли как сверстать такие закругленные блоки, если не найдешь то делай их свг, то что внутри этих закругленышей иконки - это свг, а так по центру блок с круглЯшками это блок в контейнерном блоке 100% ширина и длина того что ты скинула + relative, остальные элементы в контейнерах absolute, можно так это сверстать например

Comments

[Дарья]

Да, я уже и гуглила, и на ютубе перерыла куча видео. Практически ничего не нашла по верстке таких блоков. Про SVG я тоже уже думала)
Спасибо