← Back to Menu
CSS Grid (2D Layouts)
Master two-dimensional layouts by controlling rows, columns, and internal gaps.
Grid Container Properties
grid-template-columns
repeat(3, 1fr)
repeat(2, 1fr)
repeat(4, 1fr)
1fr 2fr 1fr
200px 1fr 1fr
auto-fit minmax 100px
align-items
stretch (default)
start
end
center
justify-items
stretch (default)
start
end
center
gap:
16
px
Add Item
Remove Item
1
2
3
4
5
6