Flex Shrink

Control how flex items shrink to fit within the available space.

The flexShrink property defines the ability for a flex item to shrink if necessary. It specifies the flex shrink factor, which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when negative free space is distributed.

Example

Quick Notes

• Default value is 1, meaning items will shrink to prevent overflow by default.
• Set to 0 to prevent an item from shrinking.

Next Steps

• Flex Basis
• Justify Content