CSS Flex Tool
Change child count
1
2
3
4
5
6
7
8
flex-direction
flex-wrap
whether items wrap to the next rowcolumn (only applies if combined widthheight of items is greater than container's)
justify-content
alignment along the xy axis
align-items
alignment along the yx axis
align-content
only applies if there is more than one rowcolumn of items
CSS OUTPUT