Шаблон 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 на карточках не нужен.