design

Ключевые слова sizing: stretch, fit-content и auto в grid 2026

Ключевые слова sizing: stretch, fit-content и auto в grid 2026

width: stretch (где поддерживается) заполняет доступную ячейку grid; fit-content ограничивает рост контентом — sidebar и фильтры.

Комбинация с minmax(0, 1fr) предотвращает overflow длинных заголовков.

- [width — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) — fit-content, max-content.

- [CSS Box Sizing — web.dev](https://web.dev/learn/css/sizing) — Intrinsic sizing.

---

## Тест

Проверяйте карточку с самым длинным названием товара — она задаёт высоту ряда в subgrid/flex.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

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