grid-row: span 2 — высокая промо-ячейка в каталоге
Вертикальный span без лишних обёрток.
`grid-row: span 2` растягивает карточку на два ряда сетки — баннер «Новая коллекция» визуально выше соседних SKU без отдельного DOM-дерева.
На мобильном сбросьте span в `@media` — одна колонка не должна оставлять пустые ячейки.
- grid-row — MDN — span и line names.
- Grid — web.dev Learn CSS — Размещение элементов.
dense
С `grid-auto-flow: dense` span-карточки заполняют дыры — отдельная статья в блоге.