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


selector {

      flex-grow: number | initial | inherit;



  • 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 of flex-grow property:


›› go to examples ››