CSS Grid masonry: Pinterest-сетка портфолио без JS

Значение grid-template-rows: masonry (где поддерживается) выстраивает карточки разной высоты без пустых «дыр» в колонках — актуально для кейсов студии.

До полной поддержки используйте column-count или фиксированную сетку с grid-auto-rows.

- [CSS Grid Level 3 — masonry](https://drafts.csswg.org/css-grid-3/#masonry-layout) — Черновик спецификации.

- [Grid layout — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout) — Базовый Grid.

---

## Perf

Не ставьте masonry на тысячи DOM-узлов — пагинация и lazy images обязательны.