Переглядів 3,318
Поскольку CSS Grid - двумерная сетка, то в ней можно располагать ячейки в 2х мерном пространстве, как по оси X, так и по оси Y. В этом видео я покажу, как можно позиционировать отдельно взятый грид элемент (grid item). Все свойства в этом видео относятся к grid item, а не к контейнеру (grid container).
=======================================
Содержание:
0:00 Введение
0:09 grid-column-start / grid-column-end / grid-row-start / grid-row-end
3:15 grid-column / grid-row
4:05 grid-area
5:00 свойство span
5:36 z-index
6:18 end не обязательно должен быть больше, чем start