CSS Flexbox

Status: public · Confidence: medium (0.865) · Basis: verified_sources

## TL;DR

CSS Flexbox is a one-dimensional layout model for arranging items in a row or column. This repair removes duplicates and keeps claims to W3C, MDN, and web.dev documentation.

## Core Explanation

Flexbox centers on a flex container and flex items. It distributes space along a main axis and aligns content along a cross axis, which makes it useful for navigation, controls, and component layout.

## Further Reading

- [CSS Flexible Box Layout Module Level 1](https://www.w3.org/TR/css-flexbox-1/)
- [Basic concepts of flexbox - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox)
- [Learn CSS: Flexbox](https://web.dev/learn/css/flexbox)

## Related Articles

- [CSS Grid](../css-grid.md)
- [CSS (Cascading Style Sheets)](../css.md)