grid-row: span 2 — высокая промо-ячейка в каталоге

grid-row: span 2 растягивает карточку на два ряда сетки — баннер «Новая коллекция» визуально выше соседних SKU без отдельного DOM-дерева.

На мобильном сбросьте span в @media — одна колонка не должна оставлять пустые ячейки.

- [grid-row — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row) — span и line names.

- [Grid — web.dev Learn CSS](https://web.dev/learn/css/grid) — Размещение элементов.

---

## dense

С grid-auto-flow: dense span-карточки заполняют дыры — отдельная статья в блоге.