Страницы

Поиск по вопросам

понедельник, 12 ноября 2018 г.

Как сверстать расположение фото?


Вот так надо, не пойму, как сверстать такое расположение картинок с учетом размеров сетки. Хотя бы расположить их согласно макету, размеры подгоню.


Ответ

Набросал верстку.
.container { width: 600px; height: 600px; border: 1px solid; } .flex { display: flex; } .mini-width { min-width: 150px; } .mini-height { min-height: 150px; } .column { flex-direction: column; } .padding { padding: 6px; } .fs { flex: 1; } .pseudo-img { width: 100%; height: 100%; background: red; }


Исходник codepen

Комментариев нет:

Отправить комментарий