repeat(auto-fill, minmax()): адаптивная сетка без media queries
Карточки услуг от 280px без десятка брейкпоинтов.
Шаблон `grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr))` заполняет ряд столько колонок, сколько влезает — витрина портфолио студии адаптируется от телефона до ultrawide.
`auto-fit` схлопывает пустые треки — используйте, когда последний ряд не должен растягивать одну карточку на всю ширину.
- repeat() — MDN — auto-fill и auto-fit.
- Auto-responsive grid — web.dev — minmax паттерны.
gap
Задайте единый `gap` из токена — margin на карточках не нужен.