Grid Interview Questions

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

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.

Learn how track lists are declared, what the fr unit actually divides, and how minmax() prevents the overflow that plain fr causes.

Learn what the explicit grid declares, how the implicit grid absorbs everything else, and why grid-auto-rows exists.

Build the one-line responsive grid, then understand exactly how auto-fit differs from auto-fill and when each is correct.