flex-grow property CSS Reference

Definition and Usage

The CSS flex-grow property specifies the flex grow factor of a flex item.

  • Initial 0
  • Applies to flex items, including in-flow pseudo-elements
  • Inherited no
  • Media visual
  • Computed Value as specified
  • Animatable yes, as a number, except between 0 and other values
  • Canonical order the unique non-ambiguous order defined by the formal grammar


Formal syntax: <number>
flex-grow: 3
flex-grow: inherit


See <number>. Negative values are invalid.


element {
  flex-grow: 3;


Desktop browsers

FeatureFirefox (Gecko)ChromeInternet ExplorerOperaSafari
Basic support18.0 (18.0) (behind a pref)
20.0 (20.0)
21.0-webkitNot supported12.10Not supported

Mobile browsers

FeatureFirefox Mobile (Gecko)AndroidIE PhoneOpera MobileSafari Mobile
Basic supportNANANot supported12.10Not supported

Relative articles