Страницы

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

суббота, 21 декабря 2019 г.

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

#вёрстка #веб_программирование #позиционирование




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


Ответы

Ответ 1



Набросал верстку. .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

Ответ 2



Попробуй что-то вроде этого .border{ border: 1px solid black; }


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

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