HTML & CSS
Article

Watch: The Axis of Flexbox

By Guy Routledge

Do you have the basics of Flexbox down, but want to dive into the specifics of how Flexbox works?

In this screencast, you will learn about the axes of Flexbox, which are different than the traditional top to bottom, left to right axes. You’ll discover why this system of axes works so well for Flexbox, and what it can do for your layouts.

If you’re new to Flexbox I’d recommend having a read of Migrating to Flexbox by Cutting the Mustard by Bashkim Isai. If you prefer videos then luckily for you this is the second video in our new Discovering Flexbox for Layouts collection on SitePoint Premium.

Happy viewing!

Loading the player…

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

  • Ralph Mason

    This is the first time I’ve seen axes described in the context of text direction—which is really helpful in understanding this subject. Well done! (And what an excellent speaking voice!)

  • Francisc

    Very nice. It was a good idea to approach it as text direction. Good voice.

  • Granit

    You’re kidding right? Do you want him to use examples from your next project or what?

  • Ondreas

    Well presented and perfectly described. I wasn’t aware that the text-direction property does have an impact on the flex-direction flow. What an eye opener. Thanks for bringing this up.
    P.S.: Perfect voice, btw !!! No need for CC at all. (just saying) :D

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in Front-end, once a week, for free.