Super Flexbox

Tells the browser how distribute the space between and around the elements, using the main axis (set with flex-direction) as reference.

Controls the Cross Axis of the container children as a group. In this case the flex-direction is set to row, the Cross Axis is vertical.

Distributes the space between and around the elements, using the Cross Axis as reference.
In this example flex-direction is set to row, the Cross Axis is vertical.
Important: flex-wrap must be set to wrap or wrap-reverse.

Sets the placement of the children in the container.
It defines the Main Axis (vertical or horitontal placement), and its direction.

Defines the placement of the children in one line or multiple lines.