The flex-shrink property specifies how the item will shrink relative to the rest of the flexible items inside the same container. 


selector {

      flex-shrink: number | initial | inherit;



  • number - Determines the shrink size of the item in relation to other flexible items of same container. The value is expressed as a rate and the default value is 1.
  • initial or inherit


Example of flex-shrink property:


›› go to examples ››