MonorailCss

Flex Shrink

Utilities for controlling how flex items shrink.

Class CSS Output
shrink 
flex-shrink: 1;
}
shrink-0 
flex-shrink: 0;
}
flex-shrink 
flex-shrink: 1;
}
flex-shrink-0 
flex-shrink: 0;
}
shrink-[value] 
flex-shrink: [value]
}

shrink

flex-shrink: 1;

shrink-0

flex-shrink: 0;

flex-shrink

flex-shrink: 1;

flex-shrink-0

flex-shrink: 0;

shrink-[value]

flex-shrink: [value]

Reference

flex-shrink MDN ↗

CSS Properties

  • flex-shrink