flex-grow

Utilities for controlling how flex items grow.

Examples

Allowing items to grow

Use grow to allow a flex item to grow to fill any available space:

Growing items based on factor

Use grow-<number> utilities like grow-3 to make flex items grow proportionally based on their growth factor, allowing them to fill the available space relative to each other:

Preventing items from growing

Use grow-0 to prevent a flex item from growing:

Using a custom value

Responsive design