Как лучше всего сверстать такие блоки?

Question

[Blondguy]

Как лучше сверстать такие нестандартные блоки? Позиционированием?

Comments

[Антон Антон]

отвратительно. почему все скругления и промежутки разные?

[imko]

Да тут как будто бы просто картинка фоновая одна, контент весь слева и уже блоков

[Sergey Semenov]

Суть вопроса, как сверстать или как расположить? Можно посмотреть как на рефе сделано под капотом и повторить или смотреть в сторону свг масок, самое простое просто картинки. Позиционирование любым известным способом, что знаете на том и делаете. (Гриды, флексы, ну или по старинке)
П.С. внешний вид и заморочек таких блоков очень сомнительный. Начнешь менять размер экрана и полетит все хрен соберешь из за этих хвостов, в мобильной версии вообще странно будет выглядеть.

[Ankhena]

Sergey Semenov,

Начнешь менять размер экрана и полетит все хрен соберешь из за этих хвостов, в мобильной версии вообще странно будет выглядеть.

Почему оно должно куда-то полететь?
И кто сказал, что на мобилках оно не перестраивается?

[Ankhena]

Blondguy
Гриды, флексы..
Для скруглений псевдо либо с радиальными градиентами или svg.
Я неоднократно отвечала на подобный вопрос, можете поискать. Мне сегодня лень собирать ссылки.

Со скруглениями тут какая-то немножко беда. Правда, если это стиль макета такой и другие элементы поддерживают эту кривизну, то ок.

[Sergey Semenov]

Ankhena, ни кто и ни говорил, что на мобилках не перестроится. Речь про дизайн, когда они в строку в этом есть логика а когда в столбец соберутся (тут уже на мой вкус)

[Ankhena]

Sergey Semenov,

Речь про дизайн, когда они в строку в этом есть логика а когда в столбец соберутся (тут уже на мой вкус)

Логично.
Но речь не про дизайн, а про то как сверстать такое расположение.

А пока оно в строку ничего никуда не полетит, если использовать подходящие единицы измерения. Возможно, + кастомки, в зависимости от реализации.