A Comprehensive Guide to Flexbox Ordering & Reordering

The flexbox layout module allows us to lay out flex items in any order and direction. Learn how it's done in this video. ► Download unlimited fonts, web templates and more with Envato Elements: https://elements.envato.com/?utm_camp...

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

Watch this video to learn about flexbox alignment:    • A Comprehensive Guide to Flexbox Alig...  

Read the written version of A Comprehensive Guide to Flexbox Ordering & Reordering on Envato Tuts+: https://webdesign.tutsplus.com/tutori...

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com/?utm_campaign=yt...

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com/?utm_camp...

► Subscribe to Envato Tuts+ on YouTube:    / tutsplus  
► Follow Envato Tuts+ on Twitter:   / tutsplus  
► Follow Envato Tuts+ on Facebook:   / tutsplus  
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -