CSS3 module for flexible layouts providing a broad range of options for aligning elements while eliminating the need for floats and tables.

- Stackoverflow.com Wiki
5 articles, 0 books.

An interactive tour of all the major features of the new CSS property: flexbox


As web designers and developers, one of our primary goals is to bring focus to content and make it easy for our visitors to navigate that content. To accomplish this goal, we need a functioning layout where technology gets out of the way and the content becomes the hero.


This article will cover all the fundamental concepts you need to get good with the CSS Flexbox model.


The most interesting thing I learned reading the spec was exactly how un-thorough my understanding was, despite the half-dozen or so blog posts I’d read, and how relatively simple flexbox is. It turns out that ‘experience’ isn’t just doing the same thing over and over for years on end.


What’s the best way to understand Flexbox? Learn the fundamentals, then build lots of stuff. And that’s exactly what we’re going to do in this article.