Flexbox Playground
Control Panel
Interactive
Flex Direction
row
row-reverse
column
column-reverse
Flex Wrap
none
wrap
reverse
Justify Content
start
center
end
between
around
evenly
Align Items
stretch
start
center
end
base
Gap
0
10
20
30
📋 Copy CSS
🎯 Live Preview
Width:
500px
Height:
350px
1
2
3
4
5