Frontend Engineering

CSS & Layout

6 practice questions. Free questions open a full answer guide; the rest unlock with Pro.

  • When laying out a component, how do you decide between CSS Flexbox and Grid, and where do you combine them? Mid level
  • Explain the CSS box model. What does setting box-sizing to border-box change?Go Pro Junior level
  • Walk me through how the CSS box model and box-sizing affect an element's rendered width, and how you avoid the layout surprises that come from it.Go Pro Mid level
  • Your team's components break in awkward ways when they're reused at different widths, and the layout logic is full of viewport media queries. How would you reason about whether container queries are the right fix?Go Pro Senior level
  • On a component you're reviewing, when do you reach for CSS Grid versus Flexbox, and how do you explain the distinction to a teammate who treats them as interchangeable?Go Pro Senior level
  • When would you reach for CSS Flexbox versus CSS Grid for a layout?Go Pro Junior level
Want questions matched to your role? Paste a job title, job description, or CV for a personalized set, or go Pro to unlock the full bank.