Работал ли с Grid Auto Fit

Да, работал. grid-auto-fit — это значение для repeat() в CSS Grid, которое автоматически подстраивает количество колонок под доступное пространство, создавая столько треков, сколько поместится в контейнер.

Пример:

.container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

Здесь колонки будут минимум 200px, а если места больше — растянутся (1fr). Если контейнер узкий, элементы переносятся на новую строку.

Отличие от auto-fill:

• auto-fit сжимает пустые треки, растягивая заполненные.
• auto-fill сохраняет все треки, даже пустые.

Используется для адаптивных сеток без медиазапросов.