Flexbox

Updated 06 Oct 2026

•
What it is
- •
  a CSS layout system primarily organized along one main axis, with a perpendicular cross axis
•
Concepts
- •
  the container establishes flex layout; its participating direct children become flex items.
- •
  flex-direction determines the main axis; alignment properties must be interpreted relative to that direction.
- •
  wrapping can create multiple lines, but those lines do not become a shared two-dimensional grid.
•
Debugging
- •
  distinguish container properties from item properties.
- •
  a flex item’s automatic minimum size can prevent shrinking; min-width: 0 is a common targeted fix for horizontal overflow.
•
Related
•

Linked references 4