grid-template-columns: repeat(auto-fit, minmax())
Сетка услуг без брейкпоинтов.
`repeat(auto-fit, minmax(280px, 1fr))` заполняет ряд карточками одинаковой минимальной ширины — меньше media queries в маркетинговых лендингах.
`auto-fill` оставляет пустые колонки — для витрин чаще `auto-fit`.
- repeat() — MDN — Функция repeat в grid.
- Auto-responsive grid — web.dev — minmax паттерны.
gap
Используйте `gap` вместо margin на детях — проще RTL и меньше схлопывания margin.