resumemaker.eu
← TechnologyThe essentials of

Flex-basis: a starting size on the main axis

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-basis sets a flex item's initial main size before free space is distributed. The main dimension follows flex-direction, so it is not always width.

Useful to know

flex-basis sets a flex item's initial main size before free space is distributed. The main dimension follows flex-direction, so it is not always width. [1]

When comparing flex: 1 with explicit settings, inspect the basis alongside growth and shrinkage. Equal flex-grow alone does not promise identical final geometry.

Sources

For further detail and to check the information:

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