CSS — Free Quiz Course

← All quiz courses

Test your CSS knowledge: selectors and specificity, the box model, positioning, Flexbox, Grid, responsive design, and modern CSS features.

5 chapters, 50 questions. Free, no signup. Progress is saved in your browser.

~~~
  1. Chapter 1: Selectors & Specificity
    Selector types and combinators, pseudo-classes and pseudo-elements, how specificity is calculated, and how the cascade decides which rule wins.
  2. Chapter 2: Box Model & Layout
    Content, padding, border and margin, box-sizing, margin collapsing, display values, the position property, and how z-index really works.
  3. Chapter 3: Flexbox
    Main axis vs cross axis, justify-content and align-items, flex-grow, shrink and basis, wrapping, and classic centering patterns.
  4. Chapter 4: Grid
    Defining columns and rows, fr units and repeat(), gaps, placing items, spanning tracks, named areas, and when to use Grid vs Flexbox.
  5. Chapter 5: Responsive & Modern CSS
    Units like rem and vw, media queries and mobile-first design, custom properties, calc(), transitions, and animations.

Course completed

You finished every chapter — best score/.

~~~

How it works

Each chapter is a short quiz: one question at a time, with immediate feedback and an explanation after every answer. Wrong answers teach you as much as right ones.

Your progress is stored in your browser (localStorage), so you can leave and come back any time. Nothing leaves your machine, and there is no account or signup.

The questions are based on tutorials published on this site — every chapter links the related posts, and you can grab the free CSS Handbook to study the whole topic.