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. Examples shown here use flex-wrap.
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.
Defines the size of an element before remaining space is distributed.
Allows an item to shrink if necessary. Only really useful with a set size or flex-basis.
Sets alignment for individual item. See "align-items" for options