The flexbox layout module allows us to lay out flex items in any order and direction.

As flexbox is a one-dimensional layout model, as opposed to CSS grid which is two-dimensional, you only have to pay attention to one direction. The rules are also clearly defined by W3C, so you don’t have to deal with the usual mess of floats and clearfixes.

By watching this video, you’ll learn how to use the following flexbox properties for ordering purposes:

• flex-direction
• flex-wrap
• flex-flow
• order

Subscribe: https://www.youtube.com/c/tutsplus/featured

#flexbox