Нестандартная галарея на чистом Grid?

Question

[Станислав Шелехань]

Нет большого опыта в Grid-ах, и есть сложности в нестандартных размеров сеток.
Кто сталкивался и кто смог решить, поделитесь опытом?

Answer 1

[Иван Ерохин]

Попробуй использовать какой-то из генераторов.
Например, https://grid.layoutit.com/ .
Визуально собрать такую галерею можно.

Comments

[Иван Ерохин]

был не прав. на гридах такое не сделать, так как ширина "колонок" разная.

Пример на флексах:
https://w3bits.com/labs/flexbox-masonry/
https://w3bits.com/flexbox-masonry/

Answer 2

[profesor08]

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