Just for the history... At early stages of flexbox idea discussion I proposed (at W3C's www-style WG) it to be implemented in form of two entities: The flow p

Just for the history... At early stages of flexbox idea discussion I proposed (at W3C's www-style WG) it to be implemented in form of two entities: The flow property describing children layout manager: flow:default|vertical|horizontal|horizontal-wrap|vertical-wrap|grid... and flex length units, describing "spring power" used by the property. width:1*; margin-left:2* for example. https://sciter.com/docs/flex-flow/flex-layout.htm https://sciter.com/docs/flex-flow/flex-layout.htm That schema has very simple physical model that does not require any need for cheatsheets - very simple. Just to walk over illustrations in the document above to get the idea. Current (accepted) flexbox variant is too controversial IMO. Yet breaks existing CSS box model somehow, what would be the used box width in this case: div { flex: 1; width:100px; } two properties compete for the same entity (width of the box) - basic architectural error IMHO.