Grid preview
Live grid with 3×3 cells and 16px gap. Adjust settings on the right.
1
2
3
4
5
6
7
8
9
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 16px;
Settings
Columns, rows & gap
3
3
16px
Generates 1fr tracks for modern, fluid and responsive layouts.