← Back to Glossary

flex-grow

Flexbox & Grid

Declares fluid expansion growth shares for individual flex items relative to siblings.

Common Value Formats

flex-grow: 0; Default (do not grow)
flex-grow: 1; Stretch to fill remaining space
flex-grow: 2; Grow twice as fast as sibling growth rates

interactive-example.html

Live Preview