Вкладені grid-сітки


Грід елементи можуть самі ставати грід-сіткою в CSS Grid. Тобто зможна вкладати грід-елемент в інший грід-елемент, тим самим створюючи вкладений грід контейнер. Щоб створити такий вкладений грід, все, що вам потрібно зробити - це застосувати display: grid (або display: inline-grid) до грід елементу і він сам стане ґрідом. Ви також можете використовувати display: subgrid для створення подгріда.

Спадкування 

Більшість грід властивостей не успадковуються, це означає те, що вкладений грід НЕ буде успадковувати значення свого батьківського гріда. Це дозволяє вносити зміни в батьківський грід, без ненавмисного впливу на вкладений грід.

Приклад реалізації вкладених сіток: