grid-template-columns

grid-template-columns: none | <track-list> | <auto-track-list> | subgrid <line-name-list>?

📝 Описание

Определяет колонки grid-сетки с помощью списка значений, которые представляют собой размер трека.

Значение по умолчанию: none

🎯 Возможные значения

  • none — нет явно определённых колонок
  • <track-list> — список размеров треков
  • repeat() — повторение паттерна
  • minmax() — минимальный и максимальный размер
  • auto — автоматический размер
  • fr — доля свободного пространства
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Grid