Here are some of the most commonly used CSS flexbox properties you should know about :

display : flex;
/* activates flexbox */

flex-direction : row;
/* default property (horizontal) */

flex-direction : row-reverse;
/* horizontal from right to left */

flex-direction : column;
/* column (vertical) */

flex-direction : column-reverse
/* vertical from bottom up */

Some very useful flexbox wrapping properties are also given below. Flexbox ‘wrapping’ is used when flexbox items overflow from the flex container :

flex-wrap : nowrap;
/* default */

flex-wrap : wrap;
/* wraps containers in responsive boxes */

flex-wrap : wrap-reverse;
/* wraps from the opposite direction */

flex-flow : row wrap;
/* flex-flow is a combination of flex-direction and flex-wrap */