Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить властивість grid-template?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`grid-template`** - шорткат, який об'єднує `grid-template-rows`, `grid-template-columns` і `grid-template-areas` в одному записі, дозволяючи одночасно задати рядки, колонки й іменовані області сітки. **Ключове:** `grid-template` - зручний комбінований запис, який дозволяє однією властивістю задати структуру рядків, колонок і областей у Grid.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`grid-template` - це **шорткат**, який об'єднує три властивості в одній: - `grid-template-rows` - `grid-template-columns` - `grid-template-areas` Тобто за його допомогою можна **одночасно задати рядки, колонки і іменовані області сітки**. Приклад: ```css .container { display: grid; grid-template: "header header" 100px "sidebar main" 1fr "footer footer" 80px / 200px 1fr; } ``` Еквівалентно трьом окремим записам: ```css grid-template-areas: "header header" "sidebar main" "footer footer"; grid-template-rows: 100px 1fr 80px; grid-template-columns: 200px 1fr; ``` **Підсумок:** `grid-template` - зручний комбінований запис, який дозволяє однією властивістю задати структуру рядків, колонок і областей у Grid.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.