Flex-Direction
Sets the main axis and direction.>

main5
A
B
C
D
E
F

Flex-Wrap
Sets whether flex items are forced onto one line or can wrap onto multiple lines.>

main4
  A  
  B  
  C  
  D  
  E  
  F  
  G  
  H  

Flex-Basis
Defines the initial size of a flex item along the main axis.

Red DIV
Blue DIV

Justify-Content
Controls the alignment of all items on the main axis.

main

Align-Items
Controls the alignment of all items on the cross axis.

main3
RED
BLUE
Green div with more content.

Align-Content
Controls the space between flex lines on the cross axis.

main2

Align-Self
Controls the alignment of an individual flex item on the cross axis.

RED
BLUE
Green div with more content.