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

Don not let item 2 shrink

Item 1
Item 2
Item 3

Item 2 is allowed to shrink more then 1, and 3 is allowed to shrink more then 2

Item 1
Item 2
Item 3