@sasha_jarvi

Как сверстать галерею с разными размерами картинок?

Имеется следующая галерея:
dcdda82718.jpg

Как сверстать такую галерею при помощи CSS Grid либо иных инструментов, если картинки имеют одинаковую ширину, но разную высоту?
  • Вопрос задан
  • 5810 просмотров
Решения вопроса 6
Chefranov
@Chefranov
Новичок
Masonry
Ответ написан
Комментировать
Зависит от, вам подходит чтобы картинки располагались сверху вниз и слева направо, то можете воспользоваться флексбоксом
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
ну или https://masonry.desandro.com/
Ответ написан
Комментировать
Eridani
@Eridani
Мимо проходил
Комментировать
Masonry и Isotope
Ответ написан
Комментировать
LenovoId
@LenovoId
I want, women not to get sick
https://codepen.io/topicstarter/pen/PMQYwE самый простой способ, только ширина одинаковая должна быть
Ответ написан
Комментировать
@sasha_jarvi Автор вопроса
Можно воспользоваться .card-columns на Bootstrap
https://getbootstrap.com/docs/4.0/components/card/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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