Flex Grow

When flex items don't fill the container fully, it is said that there is 'positive space' inside the container. The flex-grow property controls what ratio of this positive space is distributed between the flex items. It will NOT set the size of flex items relative to each other. Although this can sometimes happen as a result of distributing the available space. To find out why, read this article.

Value Description
(unitless number)E.g. 1, 2, 3, 4, 5 etc (default value is 1)

Themeover CSS Reference

Close