19. Display grid часть 5. Свойство Subgrid в Грид сетке. Выравнивание элементов блока по родителю

В пятой части уроков по display grid мы познакомимся со свойством subgrid, которое применяется к дочерним элементам грид сетки. Разберем на практическом примере когда применять это свойство и какие проблемы верстки оно решает. —- Краткая аннотация к уроку — grid-template-rows: subgrid - перенимает строки от родительского контейнера. Дочернему контейнеру необходимо прописать display: grid. Также не обходимо растянуть дочерний элемент на необходимое количество ячеек сетки с помощью grid-rows: span [число] grid-template-olumns: subgrid - перенимает столбцы от родительского контейнера. Дочернему контейнеру необходимо прописать display: grid. Также не обходимо растянуть дочерний элемент на необходимое ячеек сетки с помощью grid-columns: span [число] Документация к уроку: