Назначение
minmax(min, max) задаёт треку диапазон размера: не меньше min, не больше max. База адаптивных сеток.
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1rem;
}
Здесь колонки не уже 240px; свободное место делят через 1fr. min может быть auto, max-content, длина; max — fr, max-content и т.д.
Частая ловушка: minmax(0, 1fr) позволяет треку сжиматься ниже content-size (важно для overflow в grid-детях).