Flex Container Properties
Enables flex for all children.
Establishes the main axis.
Wraps items if they can't all be made to fit on one line.
Attempts to distribute extra space on the main axis.
Determines how items are laid out on the cross axis.
Only has an effect with more than one line of content.
Flex Item Properties
Allows you to explictly set the order you want each child to appear in.
Allows you to determine how each child is allowed to grow as a part of a whole.
Allows an item to shrink if necessary. Only really useful with a set size or flex-basis.
Defines the size of an element before remaining space is distributed.
Sets alignment for individual item.
div class= "flex-container"> <1 div> </
div> <2 div class= "flex-item"> </
div> <3 div> </