Как можно сверстать такой макет?

Question

[booogabooo]

Подскажите, как можно сверстать !адаптивно такой макет. Вся проблема в том, что он адаптивен.

Answer 1

[Думай Головой]

Дополню ответы других: все эти картинки на смартфонах выстраиваются вертикально, вот и вся адаптивность

Comments

[booogabooo]

нет, есть подобный макет на телефон
там не вертикально

[Думай Головой]

booogabooo
значит упоротый дизайнер какой-то или ленивый, раз подобный макет под смартфоны. Там же не видно будет картинки. По-хорошему они должны в ряд выстраиваться.

Ну а верстать можно по-разному такое, совет выше например

[bro-dev]

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

[Думай Головой]

Роман Бережнов
device-width в помощь
лично я смотрю никто не заморачивается

Answer 2

[Artem]

Судя по дизайну, там еще будут ховера на блоки, тут еще стоит подумать об использование Image Maps, что то типа www.frankmanno.com/ideas/css-imagemap , когда четкие границы блоков при ховере.