CSS Grid шпаргалка

В помощь начинающим изучать CSS grid.

grid – Устанавливает значения для всех свойств сетки
grid-area – Определяет размер и местоположение grid-элемента

grid-auto-columns – Устанавливает ширину неявных столбцов сетки
grid-auto-rows – Устанавливает высоту неявных рядов сетки
grid-auto-flow – Задает порядок автоматического размещения элементов

grid-template – Определяет столбцы, ряды и области сетки
grid-template-areas – Определяет области на сетке, ссылаясь на имена областей, заданные grid-area
grid-template-columns – Определяет столбцы сетки списком значений через пробел
grid-template-rows – Определяет ряды сетки списком значений через пробел

grid-column – Определяют местоположение элемента в сетке ссылаясь на вертикальные линии
grid-column-start – Указывает вертикальную линию с которой начинается элемент
grid-column-end – Указывает вертикальную линию которой заканчивается элемент

grid-row – Определяют местоположение элемента в сетке ссылаясь на горизонтальные линии
grid-row-start – Указывает горизонтальную линию с которой начинается элемент
grid-row-end – Указывает горизонтальную линию которой заканчивается элемент

grid-gap – Определяет ширину линий между столбцами
grid-column-gap – Определяет ширину вертикальных линий между столбцами
grid-row-gap – Определяет ширину горизонтальных линий между столбцами

Шпаргалка по CSS Grid
Шпаргалка по CSS Grid