flexbox

"The Flexbox Layout (Flexible Box) module (currently a W3C Last Call Working Draft) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex")."

Flexbox makes it easier to create complex and responsive layouts with fairly simple css rules paired with a simple html structure. It has decent browser support at this point, so why not treat yourself to responsive "holy grail" layouts and sticky footers without the hasstle of doing it the old way.

Helpful resources on learning and using flexbox

 * A complete guide to flexbox
 * Solved by flexbox
 * Cheatsheet
 * flexplorer
 * flexbox in 5
 * Intro to flexbox
 * Intro to flex containers
 * Intro to flex containers 2
 * Intro to grow shrink
 * Flexbox intro with code examples
 * Grow shrink with code
 * Standard layouts with code
 * Intro to layouts
 * Real world flexbox
 * Can I use flexbox?
 * Prefix free flexbox