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

Syntax:

selector {

      flex-shrink: number | initial | inherit;

}

Values:

  • 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

Example of flex-shrink property:

 

›› go to examples ››