The flex-grow property is a sub-property of the Flexible Box Layout module. It defines the ability for a flex item to grow if necessary. It accepts a unitless value that serves as a proportion. It dictates what amount of the available space inside the flex container the item should take up.
The flex-grow property specifies how much the item will grow relative to the rest of the flexible items inside the same container.
The flex-grow property specifies how much the item will grow compared to others item inside that container. In other words, it is the ability of an item to grow compared to other items present inside the same container.
Note: If the element is not a flexible item, the
flex-grow property has no effect.