Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить subgrid? Чим subgrid відрізняється від вкладених grid-контейнерів?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**`subgrid`** - значення для `grid-template-columns`/`grid-template-rows`, яке дозволяє вкладеному елементу використовувати сітку батька замість створення власної, успадковуючи його лінії. **Ключове:** subgrid потрібен для узгодженого вирівнювання елементів на різних рівнях вкладеності, без ручного підганяння і дублювання розмірів треків.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення`subgrid` - це значення для `grid-template-columns` або `grid-template-rows`, яке дозволяє вкладеному елементу використовувати сітку батька, а не створювати свою власну. Він «успадковує» лінії батьківського грида і вирівнює дочірні елементи по тих самих лініях. **Різниця зі звичайними вкладеними Grid-контейнерами:** | Варіант | Як працює | |---|---| | **Вкладений Grid-контейнер** | Усередині створюється *нова сітка*, не пов'язана з батьківською. Лінії й треки ніяк не збігаються автоматично. | | `subgrid` | Дочірній елемент використовує *ту саму сітку*, що й батько: спільні лінії, спільний ритм колонок/рядків. | **Головна суть:** `subgrid` потрібен тоді, коли потрібне узгоджене вирівнювання елементів на різних рівнях вкладеності, без ручного підганяння і дублювання розмірів треків.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.