...

/

Part 2: Flexbox Basics

Part 2: Flexbox Basics

Learn about the Flexbox layout method.

The flex-flow property

The flex-flow property is shorthand for the flex-direction and flex-wrap properties. The default value is row nowrap.

Setting the flex-flow property

The justify-content property

The justify-content property defines the alignment of flex items on the main axis:

Justifying flex items

Centering our flex items is that simple!

We can also use the flex-start property to place our items at the beginning of the container (this is the default):

Using the flex-start property

To place our ...