CSS flex-grow property

Description

CSS flex-grow determines how much the flex item should expand to fill the remaining space relative to the other flex items.

Negative values are not allowed.

Syntax

flex-grow : +ve integer

Property values

+ve integerDefault

The flex items do not expand to fill the remaining space.

flex-grow: 0;

+ve integer

The flex items expand to fill the free remaining space relative to the other items.

flex-grow: 1;

Applicable to

It applies to flex items.

#CSS digger
Was this article helpful?

 

#First 1

#Second 2

#Third 3

#Third 4

#Third 5

×

Ctrl+D