Using flex-shrink and flex-grow to make flexbox children resize correctly

Share this video with your friends

Send Tweet

Flex-basis lets us set the ideal dimensions for a flexbox child, but flex-shrink lets us define what should happen if there isn't enough room, and flex-grow can define what happens when there is too much room.