Flex-grow

Flex-grow is a CSS property that controls how much a flex item should grow relative to the other items inside the same flex container. If a flex item has a flex-grow value of 1, it will take up available space proportionally with other flex items that have a defined growth factor.