The Complete Illustrated Flexbox Tutorial

The Complete Illustrated Flexbox Tutorial

You can think of a flex element as a parent container with display:flex. Elements placed inside this container are called items. Each container has a flex-start and flex-end point as shown in the diagram above.

[…]

flex-flow is a short hand for flex-direction and flex-wrap, allowing you to specify both of them using just one property name.

[…]