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
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}