Ключевые слова sizing: stretch, fit-content и auto в grid 2026
Колонки каталога без magic number в px.
`width: stretch` (где поддерживается) заполняет доступную ячейку grid; `fit-content` ограничивает рост контентом — sidebar и фильтры.
Комбинация с `minmax(0, 1fr)` предотвращает overflow длинных заголовков.
- width — MDN — fit-content, max-content.
- CSS Box Sizing — web.dev — Intrinsic sizing.
Тест
Проверяйте карточку с самым длинным названием товара — она задаёт высоту ряда в subgrid/flex.