Сетка CSS определяется с использованием значения сетки свойства display; Вы можете определить столбцы и строки в вашей сетке, используя свойства grid-template-row и grid-template-columns. Сетка, которую вы определяете с помощью этих свойств, описывается как явная сетка. Если вы размещаете контент за пределами этой явной сетки, или если вы

Свойство CSS grid-column-end указывает конечную позицию элемента сетки в столбце сетки, добавляя линию, промежуток или ничего (автоматически) для его размещения в сетке, тем самым определяя край конца блока его области сетки.

Свойство CSS grid-row-end задает конечную позицию элемента сетки в строке сетки, добавляя линию, промежуток или ничего (автоматически) к его размещению в сетке, тем самым определяя край конца строки его области сетки.

Свойство CSS grid-column-start определяет начальную позицию элемента сетки в столбце сетки, добавляя линию, интервал или ничего (автоматически) для размещения в сетке. Эта начальная позиция определяет начальный край блока области сетки.

Свойство CSS grid-row-start определяет начальную позицию элемента сетки в строке сетки, добавляя линию, промежуток или ничего (автоматически) к его расположению в сетке, указывая тем самым начальный край строки в области сетки.

grid-area - задает область где должен размещатся блок в сетке грид, а также дает элементу имя, чтобы на него мог ссылаться шаблон, созданный с помощью свойства grid-template-areas. В качестве альтернативы, это свойство может использоваться как еще более короткое сокращение для grid-row-start + grid-column-start + grid-row-end + grid-column-end.

CSS-свойство place-self - это сокращенное свойство, устанавливающее свойства align-self и justify-self. Первое значение является значением свойства align-self, второе - значением justify-self. :winked: Если второе значение отсутствует, для него также используется первое значение.

align-self - выравнивает элемент сетки внутри ячейки вдоль оси блока (столбца) (в отличие от justify-self, которое выравнивается по оси inline (строки)). Это значение применяется к содержимому внутри одного элемента сетки.

justify-self - Выравнивает элемент сетки внутри ячейки вдоль встроенной оси (строки) (в отличие от align-self, которое выравнивается вдоль оси блока (столбца). Это значение применяется к элементу сетки внутри одной ячейки.

CSS свойство grid-gap устанавливает промежутки (как margin) между строками и столбцами.