Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

ecommerceАвтор: Пуск‑Медиа (импорт)Просмотры: 3

grid-auto-flow: dense — заполнение дыр в каталоге промо

Карточка 2×2 в сетке товаров без ручного grid-area на каждый SKU.

Изображение статьи: grid-auto-flow: dense — заполнение дыр в каталоге промо

grid-auto-flow: dense уплотняет сетку, если есть элементы span 2 — промо-баннер может занять две колонки без пустых ячеек.

Порядок чтения для скринридеров может отличаться от визуального — тестируйте tab order.

- [grid-auto-flow — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) — row, column, dense.

---

## SEO

Критичные товары не прячьте только в dense-ячейки ниже fold без обычных ссылок в HTML.

#CSS#Grid#каталог

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.