repeat(auto-fill, minmax()): адаптивная сетка без media queries

Шаблон grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)) заполняет ряд столько колонок, сколько влезает — витрина портфолио студии адаптируется от телефона до ultrawide.

auto-fit схлопывает пустые треки — используйте, когда последний ряд не должен растягивать одну карточку на всю ширину.

- [repeat() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/repeat) — auto-fill и auto-fit.

- [Auto-responsive grid — web.dev](https://web.dev/articles/auto-responsive-grid) — minmax паттерны.

---

## gap

Задайте единый gap из токена — margin на карточках не нужен.