Flex With Flexbox

The flex-shrink property specifies how much a flex item will shrink relative to the rest of the flex items.

←

All items have flex shrink 1 (default)

Item 1

Item 2

Item 3

Dont want 2 to shrink

Item 1

Item 2

Item 3

2 not allowed to shrink than 1, and 3 is allowed to shrink more than 2

Item 1

Item 2

Item 3