Flexbox Playground
Number of Boxes
Show
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Boxes
Card Size
Size
Small (50x50)
Medium (75x75)
Large (100x100)
Flex Direction
Row
Column
Row Reverse
Column Reverse
Flex Wrap
No Wrap
Wrap
Wrap Reverse
Justify Content
Flex Start
Center
Flex End
Space Between
Space Around
Space Evenly
Align Items
Stretch
Flex Start
Center
Flex End
Baseline
Align Content
Stretch
Flex Start
Center
Flex End
Space Between
Space Around
Space Evenly