resumemaker.eu
← TechnologyThe essentials of

Flex-shrink: shrinking also considers the starting 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-shrink controls shrinking when space is insufficient. Distribution also considers base sizes, so equal factors do not necessarily remove equal numbers of pixels.

Useful to know

flex-shrink controls shrinking when space is insufficient. Distribution also considers base sizes, so equal factors do not necessarily remove equal numbers of pixels. [1]

For a small icon, flex-shrink: 0 can preserve size while the text area adapts. Check a long label rather than disabling shrinking on every item.

Sources

For further detail and to check the information:

  1. [1] MDN — CSS flex-shrink ↗