Flexbox
summary
Flexbox demonstrates concrete layout wins: it can reorder DOM without changing markup by using the order property, create responsive grids with flex-wrap plus flex-basis/grow/shrink, and center both axes with align-items and justify-content. Demos show a pricing table where margin:auto pushes item to bottom and a Holy Grail layout that keeps equal-height columns without background hacks. Caveats: IE10 uses the tweener syntax, older Firefox (at the time) lacks wrap, so use Modernizr and Autoprefixer and apply flexbox to small reusable components rather than full-page layouts.
AI-written summary · about
