flexbox
Noun
Meaning
(web development, uncountable) A CSS3 layout model that allows elements on a web page to be arranged in certain ways within a one-dimensional container.
Internet Explorer 9 does not support flexbox.
(web development, countable) An HTML element that utilizes this model.
Source: en.wiktionary.orgExamples
After looking a little closer at the numbers it was applying, the first thing I noticed was that the flex-grow/flex-shrink is a ratio of these values amongst all children in that flexbox for that specific property.
But then I needed to reorder each row in reverse order, which Flexbox also made easy: use either the “order” property or set the direction to “column-reverse”.
So far, we haven't seen flexbox land in IE9 or Opera 10.60, but it was in one of the IE9 Platform previews, so it's likely Microsoft will add it at some point.
Flexbox, on the other hand, is designed for exactly these kinds of situations.
FlexLayout is a new layout inspired by the web’s Flexbox.
If you’ve never built anything with Flexbox before, all the new properties and values can seem a little odd and it’s sometimes disconcertingly easy to achieve layouts that have previously taken far more work.