Grid Labs
beta
Flexbox
Home
Container
Items
Grid Columns
i
Grid Rows
i
Gap
px
rem
%
em
i
Justify Items
stretch
start
end
center
i
Align Items
stretch
start
end
center
i
⊟
Justify Content
start
end
center
stretch
space-between
space-around
space-evenly
i
⊞
Align Content
start
end
center
stretch
space-between
space-around
space-evenly
i
Grid Auto Columns
auto
1fr
min-content
max-content
minmax(100px, auto)
i
Grid Auto Rows
auto
1fr
min-content
max-content
minmax(100px, auto)
i
Grid Auto Flow
row
column
dense
row dense
column dense
i
Header
✓
Main
Footer