#layout

2 articles tagged “layout”.

Layers of a web page shown in 3D: a modal with z-index 9999 trapped inside a layer that sits below the site header

CSSAdvanced

CSS Stacking Contexts: Why z-index: 9999 Doesn't Work

z-index isn't a global ranking. It only compares elements inside the same stacking context, and a dozen properties quietly create new ones. Learn the painting order, find the context that traps your element, and fix overlap bugs for good.

Oct 29, 20267 min read

Flexbox boxes in a single row next to a grid of boxes spanning rows and columns

CSSBeginner

CSS Flexbox vs Grid: When to Use Which

Flexbox and Grid both lay out elements, but they think differently. Learn the one-dimension vs two-dimension rule and build real layouts with each.

Sep 30, 20264 min read