flex-direction

specifies which direction the main axis runs specifies which direction the main axis runs

• row - default
• column
• row-reverse
• column-reverse

flex-wrap

determines whether flex items are forced onto one line or can wrap onto multiple lines.

• nowrap - default
• wrap
• wrap-reverse

align-items

controls where the flex items sit on the cross axis.

• stretch - default
• center
• flex-start
• flex-ends
• baseline

justify-content

controls where the flex items sit on the main axis.

• flex-start - default
• flex-end
• space-around
• space-between