Ключевые слова 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.