CSS: The Missing Manual

Note: By default, flex items do not wrap. You can stack or reverse them.

Note: The flex-flow property is a shorthand for: flex-direction and flex-wrap.

A flex item rownowrap

Another flex item rownowrap

A third flex item rownowrap

A flex item row-reversenowrap

Another flex item row-reversenowrap

A third flex item row-reversenowrap

A flex item columnnowrap

Another flex item columnnowrap

A third flex item columnnowrap

A flex item column-reversenowrap

Another flex item column-reversenowrap

A third flex item column-reversenowrap

A flex item rowwrap

Another flex item rowwrap

A third flex item rowwrap

A flex item rowwrap-reverse

Another flex item rowwrap-reverse

A third flex item rowwrap-reverse