A complete guide to Flexbox
The reference everyone actually keeps open: every flex property, on both container and item, with diagrams.
External
CSS-Tricks · css-tricks.com#css
#layout
Layout, spacing, and visual state. Most CSS pain is a layout-model misunderstanding rather than a missing property.
8 articles
The reference everyone actually keeps open: every flex property, on both container and item, with diagrams.
Tracks, lines, areas, and the sizing functions — the companion piece to the Flexbox guide.
Listed inThe Box ModelCSSon
Content, padding, border, margin, and why `box-sizing: border-box` is the first line of most stylesheets.
Listed inLearn the BasicsCSSon
Selectors, the cascade, specificity, and inheritance — the rules that decide which declaration actually wins.
Listed inCustom PropertiesCSSon
Runtime variables that cascade — the mechanism behind theming, dark mode, and design tokens in plain CSS.
Listed inResponsive DesignCSSon
Media queries, container queries, fluid type, and designing from intrinsic size rather than device breakpoints.