Что такое minmax() и как его использовать в Grid?

`minmax(min, max)` задаёт диапазон размера трека: не меньше min и не больше max.

Примеры

.grid {
  display: grid;
  grid-template-columns: minmax(200px, 300px) 1fr;
  grid-template-rows: minmax(100px, auto);
}

• Колонка будет не уже 200 px и не шире 300 px.
• Строка не ниже 100 px, но растёт под содержимое (auto).

Типичные сценарии

• Адаптивная сетка: repeat(auto-fit, minmax(240px, 1fr)).
• Защита от распирания: minmax(0, 1fr) позволяет колонке быть уже контента, чтобы длинное слово или таблица не ломали раскладку.
• Строки с минимальной высотой: minmax(80px, auto).

Особенности

Если max меньше min, браузер использует min. Значение fr допустимо только как максимум.

Коротко для собеседования

minmax задаёт гибкий размер трека. Самые частые приёмы: minmax(240px, 1fr) для карточек и minmax(0, 1fr) против распирания.