Layout Interview Questions

Learn how flex-direction defines the two axes and why every alignment property in Flexbox is meaningless until you know which axis it targets.

Centre with Flexbox in two declarations, then compare Grid place-items and absolute positioning with transform on tradeoffs that actually matter.

See exactly how border-box redefines the width property, why it makes layouts composable, and where it can still bite you.

Understand the four layers every element renders as, and how the two box-sizing modes change what width means.

Compare the one-dimensional and two-dimensional layout models, then apply a concrete decision rule based on who controls the sizing.

See how ASCII-art region names make a layout self-documenting, and how they let you rearrange a whole page at a breakpoint by rewriting one property.

Compare all five position values by whether they stay in flow, what they are offset from, and what each one is actually good for.