Flexbox

Definitions

1. A one-dimensional CSS layout model for distributing space and aligning items along a single axis (row or column). Handles content of unknown size, enables centering (the historically hardest CSS task), and manages spacing with gap. The go-to layout system for navigation bars, card rows, and form layouts.

   In plain English: A CSS layout system for arranging items in a row or column with flexible sizing and easy alignment.

   Example: "display: flex; justify-content: center; align-items: center; — the CSS incantation that finally makes centering a div easy."

Related Terms

• Grid
• Selector
• CSS Custom Properties
• CSS Grid
• Container Query
• Z-Index
• BEM
• Masonry Layout
• Sass
• Scoped Style
• Scroll Snap
• CSS Layout