O melhor lado da o que é flexbox

Select the Shrink option to size the item based on its width/height properties (or its content if not set).The flexbox items will remain on a single line, pelo matter what, and will eventually overflow if needed.If the container has align-items: center and the target has align-self: stretch, only the target will stretch along the whole cross axis.P

read more

Notas detalhadas sobre flexbox css

Specified that percentage margins/paddings on flex items are resolved against their respective dimensions, not the inline dimension of the containing block like blocks do. (Issue 16) Percentage margins and paddings on flex items are always resolved against their respective dimensions; unlike blocks, they do not always resolve against the inline dim

read more