CodeZettaInterview Hub

CSS · Flexbox · Junior · Concept

Explain flex-grow, flex-shrink, and flex-basis.

Short Interview Answer

grow distributes free space; shrink reduces when overflowing; basis is starting size before free space.

Detailed Explanation

flex: 1 is commonly 1 1 0% or 1 1 0 depending on browser defaults of the shorthand — know your shorthand.

Did you know this answer?