grid-template-columns: repeat(auto-fit, minmax())

repeat(auto-fit, minmax(280px, 1fr)) заполняет ряд карточками одинаковой минимальной ширины — меньше media queries в маркетинговых лендингах.

auto-fill оставляет пустые колонки — для витрин чаще auto-fit.

- [repeat() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat) — Функция repeat в grid.

- [Auto-responsive grid — web.dev](https://web.dev/articles/one-line-layouts-bonanza#12-flexbox-and-the-most-powerful-css-property) — minmax паттерны.

---

## gap

Используйте gap вместо margin на детях — проще RTL и меньше схлопывания margin.