Сервисы/Визуальный конструктор CSS Grid Layout
Визуальный конструктор CSS Grid Layout
Альтернатива флексам для двумерных интерфейсов. Накликайте себе сетку галереи: настройте количество колонок (fr), строк (auto, minmax), отступы grid-gap. Самый наглядный способ генерации чистого grid-template-areas.
Сетка
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;
}