Как сделать такой блок?

Question

[Serezha]

подскажите как реализовать такой блок адаптивно ?

Answer 1

[Сергей delphinpro]

Элементарно.
Несколько спозиционированных гридами картинок/блоков.
Сложные формы реализуются через clip-path или svg маски
При уменьшении экрана сложная форма преобразуется в прямоугольную, блоки встают в столбик.

Comments

[Serezha]

есть пример ? буду очень благодарен

[Дмитрий Кузнецов]

Serezha, а есть код вашего решения? Тостер предназначен для помощи с уже готовым кодом/мыслями/предположениями, а не решения "за вас".

[Ankhena]

Serezha, Пример clip-path? Да вот, пожалуйста https://bennettfeely.com/clippy/ и дальше в гугл разбираться с увиденным. Нужная вам форма находится в макете фигмы. Чем-то же её дизайнер обрезал.

[Сергей delphinpro]

Serezha, Примеров использования clip-path и svg mask в интернете очень много.
Про гриды статей тысячи, про адаптирование через медиа-запросы еще больше.