grid-template

grid-template: none | [ <grid-template-rows> / <grid-template-columns> ] | [ <line-names> <string> <track-size> <line-names> ]+ [ / <explicit-track-list> ]?

📝 Описание

Сокращённая запись для grid-template-rows, grid-template-columns и grid-template-areas.

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

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

Комбинация значений для rows, columns и areas

.grid-container {
  display: grid;
  grid-template:
    "header" 100px
    "main" 1fr
    "footer" 50px
    / 1fr;
}

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

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

📚 Подробнее

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