Display: flex

display: flex is the CSS property that turns on flexbox layout, letting you align and distribute elements horizontally or vertically without the workarounds older layout methods needed. It's the most flexible display property in CSS, hence the name.

The display: flex property enables the flexbox layout mode, allowing you to manipulate elements’ alignment, spacing, and order within a container. It’s a helpful tool for creating complex designs and layouts that adapt well to different screen sizes. 

Flex items try to fit on a single line by default, but you can wrap items into multiple rows with display: flex combined with the flex-wrap property.

Build real flexbox layouts in CSS layout & positioning.