New! My 44-page ebook "CSS in 44 minutes" is out! 😃
Defines how much a flexbox item should grow if there's space available.
The element will not grow if there's space available. It will only use the space it needs.
The element will grow by a factor of 1. It will fill up the remaining space if no other flexbox item has a flex-grow value.
Because the flex-grow value is relative, its behaviour depends on the value of the flexbox item siblings.
In this example, the remaining space is divided in 3:
Share this CSS property
Share on Twitter
Share on Facebook