Loading
A CSS layout tool that lines items up in a row or column and spaces them evenly — like arranging books on a shelf that adjusts itself.
A one-dimensional layout model that distributes space among items along a main axis and controls alignment on the cross axis. Flex containers manage sizing via flex-grow, flex-shrink, and flex-basis.
The CSS Flexible Box Layout Module Level 1 defines an intrinsic-size-aware distribution algorithm that resolves flex factors in a multi-pass loop, handling min/max constraints, definite/indefinite container sizes, and intrinsic aspect ratios. The spec distinguishes between the main and cross axes with independent alignment properties (justify-content vs. align-items).