Responsive design Interview Questions

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.

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

Learn the three arguments of clamp(), how the preferred value produces continuous scaling, and the accessibility rule for using it with type.

Learn how container queries let a component respond to its own available width, why containment must be opted into, and where media queries still belong.

Compare absolute and relative CSS units by what they resolve against, and learn the accessibility and compounding consequences of each choice.

Compare min-width and max-width strategies by their base styles, override direction, and what each one does to specificity and performance.