archi_kud
@archi_kud
Frontend Developer

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

Здравствуйте, делаю портфолио и не могу решить проблему. Есть макет:

5cb75b81cd3a4806458091.png

Решил сделать с помощью Flexbox, но блок с маленьким изображением занимает всю свободную высоту.

5cb75bc72bc94563613088.png

Задавал фиксированную высоту, но это не помогло.
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
@tyzberd
флексами так не будет.
Используйте https://masonry.desandro.com/ или что то подобное https://ruseller.com/lessons.php?rub=32&id=2197
или grid, там уже смотрите или устраивает поддержка
https://medium.com/@andybarefoot/a-masonry-style-l...
https://codepen.io/balazs_sziklai/pen/mOwoLg

хотя если это не часто будет менятся, то можно и флексами. Две вертикальные колонки, а в них div с двумя картинками, потом одна большая и одна меньше
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Попробуй сделать направление не в ряд, а в колонки
flex-direction: column
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы