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

Syntax:

selector {

      flex-grow: number | initial | inherit;

}

Values:

  • number - Determines the growth 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 0.
  • initial or inherit

Example

Example of flex-grow property:

 

›› go to examples ››