CSS Grid masonry: Pinterest-сетка портфолио без JS
grid-template-rows: masonry и fallback на columns.
Значение `grid-template-rows: masonry` (где поддерживается) выстраивает карточки разной высоты без пустых «дыр» в колонках — актуально для кейсов студии.
До полной поддержки используйте `column-count` или фиксированную сетку с `grid-auto-rows`.
- CSS Grid Level 3 — masonry — Черновик спецификации.
- Grid layout — MDN — Базовый Grid.
Perf
Не ставьте masonry на тысячи DOM-узлов — пагинация и lazy images обязательны.