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.