Test CSS Flexbox Rules
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

        
copy
Feedback? Get in touch: @taylersumms
Other projects you might find interesting:
tomdn.com An easy way to get to a specific page on MDN
grids.help Like this page but for CSS grids
canweimage.com Easily searching Wikimedia images
bestbudgetapps.com Because there are so many options