Сервисы/Визуальный конструктор CSS Grid
Визуальный конструктор CSS Grid
Конструктор двумерных сеток для интерфейсов. Настройте колонки, строки, отступы и области — получите чистый CSS-код Grid Layout без ручного написания шаблонов.
Сетка
3
2
8px
8px
Размеры колонок
#1
#2
#3
Размеры строк
#1
#2
1
2
3
4
5
6
CSS
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 8px;
}