The essentials of

Flex-grow: distributing free space rather than final size

Publisher: ResumeMaker • 1 source

Published: 23 Oct 2026 08:23 · Updated: 23 Oct 2026 08:23

AI source check: 22 Oct 2026 16:54. This is not editorial approval.

In a few sentences

In brief

flex-grow sets a proportion for receiving positive free space. Values of 1 and 2 describe shares of added space, not necessarily final widths in a one-to-two ratio.

Useful to know

flex-grow sets a proportion for receiving positive free space. Values of 1 and 2 describe shares of added space, not necessarily final widths in a one-to-two ratio. [1]

Starting sizes also contribute. If cards differ, compare flex-basis and constraints before concluding that proportional growth is not working.

Sources

For further detail and to check the information:

[1] MDN — CSS flex-grow ↗