Perhaps even more powerful — especially for those building responsive websites — the Flexbox order property allows you to create layouts completely independent of the HTML source order.

In this weeks edition of HTML & CSS Tricks I’m going to walk you through exactly how easy it is to use flexbox in order to create a simple navbar with multiple list elements in 7 simple steps.

Learn the most important concepts of CSS Flexbox Layout in 100 seconds.