CSS GRID

CSS Grid Example

CSS grid

Модуль CSS grid laid out, система двумерного макета, оптимизированного
дизайна пользовательского интерфейса. Главная идея, лежащая в основе
макета заключается на разделение страницы на столбцы и строки,
преобразовываются в области элементы сетки и управляются с помощью
специальных свойств модуля.
Контейнер - сетка - это блок, который устанавливает контекст
форматирования по типу сетки. Определяется контейнер сетка с помощью
дисплей: grid.Контейнеры сетки не являются блочными контейнерами,
поэтому некоторые CSS свойства не работают. Float, clear,
vertical-oligan. Псевдоэлемент first-line, first-beta. Left (письмо,
буква, символ).

Определение сетки, когда вы создаете контейнер сетку, сетка имеет по
умолчанию один столбец, одну строку, которая занимает… Для разделения
контейнера стеки, используются свойства grid template color row. grid
complete grows. Количество строк/столбцов определяются с помощью
свойств,

Значения для определения дорожек сетки, размеры дорожек сетки задавать
можно с помощью относительных единиц длины: EM, VH, VW; vh,vw - здает
размеры элементы относительно пользователского экрана; Абсолютные
единицы длины: px %; git размеры дорожек: fr.

Руководство по CSS Grid: https://artforlife.ru/stati-po-dizajnu/polnoe-rukovodstvo-po-ispolzovaniyu-css-grid.html