Understanding flex-grow, flex-shrink, and flex-basis

When you apply a CSS property to an element, there’s lots of things going on under the hood. For example, lets say we have some HTML like this:

<div class="parent"<div class="child"Child</div<div class="child"Child</div<div class="child"Child</div</div

And then we write some CSS…

.parent {  display: flex;}

These are technically not the only styles were applying when we write that one line of CSS above. In fact, a whole bunch of properties will be applied to … Read article “Understanding flex-grow, flex-shrink, and flex-basis”

The post Understanding flex-grow, flex-shrink, and flex-basis appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.