Ко всем сервисам
Tools/CSS Grid Generator
CSS Grid Generator
Build CSS Grid layouts visually: rows, columns, gaps, named areas, fr units and minmax(). Drag to merge cells, then copy production-ready grid-template CSS.
Grid
3
2
8px
8px
Column sizes
#1
#2
#3
Row sizes
#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;
}