Flexbox Sandbox
This is a simple playground designed to help visualize CSS flexbox behavior. You can see the immediate effects on rendered elements. Try playing around with the values to get a sense of what flexbox can do.
Add boxes:
Box Width: 100px
Height: 80px
Flex direction:
row
Gap: 16px
Flex wrap:
Justify Content:
Align Content:
1
2
3
4
5
6
7
8
9
10
11