CSS · Layout

flex-grow

How much a flex item grows when there is free space.

cssRunnable example css course

Syntax

flex-grow: 1

Example

Try it

.demo { display: flex; gap: 6px; } .demo > span:first-child { flex-grow: 1; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.