Flex-shrink

Flex-shrink is a CSS property that determines how much a flex item should shrink relative to the other items in a flex container when space is limited. Items with higher flex-shrink values will shrink more than those with lower values, helping to manage space efficiently in responsive designs.