Style flex Grow Property

Style Flex grow property

It specifies how much of the remaining space in the flex container should be assigned to the item.

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

property	chrome	firefox	microsoft edge	Opera
flexGrow	29.0 21.0-webkit-	28.0 18.0-moz-	11.0	17.0

Syntax

flex-grow: number|initial|inherit;

Example

Output

Property Values

Value	Description
number	A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0.
initial	Sets this property to its default value.
inherit	Inherits this property from its parent element.

Technical Details