Responsive Web Design, Part 1 (2015)

Building Advanced Responsive Modules With Flexbox

Diving Into The Code

Once you’ve decided that flexbox is appropriate for the layout task you want to complete, you’ll be ready to get coding. Before diving deep into the code, keep in mind that since flexbox is a totally new layout mechanism, it introduces a lot of new CSS properties, as well as some new layout concepts like main axis and cross axis. All these new terms may sound daunting at first, but they do make sense — and once you start actually playing with them in real pages, you’ll be able to really understand what exactly they do, and flexbox stops looking so daunting.

Let's dive deeper into flexbox and slowly find our way through all the (fancy and not so fancy) properties it has.