Content Inside Flex-Box children affecting Grow Size

[modiophile]

How come the size of parent flex-grow div “side-modules” is being affected by its children divs? Is there a property I’m missing here? The width property certainly doesn’t behave the same way…

Example

[modiophile]

Strange, that works. Thanks wolf.

W3C Explanation

There’s little out there about how flex-grow, flex-shrink and flex-basis work independently (if at all). The integer seems to apply to all three “properties”

[Author]

Posts