Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить властивість grid-template-columns?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`grid-template-columns`** задає структуру колонок у CSS Grid, визначаючи, скільки їх буде і якого розміру кожна, за допомогою одиниць `px`, `%`, `fr`, `auto`, `minmax()` та `repeat()`. **Ключове:** властивість керує кількістю і шириною колонок у grid-контейнері.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`grid-template-columns` задає **структуру колонок у CSS Grid**, визначаючи **скільки їх буде і якого розміру кожна**. Приклади: ```css .container { display: grid; grid-template-columns: 200px 1fr 1fr; } ``` Це створює сітку з **трьох колонок**: перша фіксована (200px), дві інші гнучкі, по одній частці (`fr`) кожна. Допустимі значення колонок: - `px`, `em`, `rem`: фіксовані одиниці - `%`: відносні розміри - `fr`: частки вільного простору - `auto`: розмір за вмістом - `min-content`, `max-content`, `minmax()`: автообчислення - `repeat()`: повторювані колонки, наприклад: ```css grid-template-columns: repeat(3, 1fr); /* три однакові колонки */ ``` **Підсумок:** властивість керує кількістю і шириною колонок у grid-контейнері.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.