Question bank
CSS question bank
Layout, the cascade, and the visual round, easy to advanced.
Difficulty mix 59 questions · 8 categories
- Easy 9 15%
- Medium 38 64%
- Hard 12 20%
Pick a category and work it top to bottom. Your progress is remembered per category, in this browser. Read the CSS guide →
-
Box Model & Sizing
-
Flexbox
-
Grid
-
Positioning & Stacking
-
Responsive & Modern Layout
-
Selectors, Cascade & Specificity
-
Visuals, Effects & Animation
-
Architecture & Scaling CSS
Where to go next
📚 Learn & practice
Prompts get you drilling; these get you learning. Hand-picked, canonical sources — read the concept, then go deep.
Read
- web.dev — Learn CSS web.dev
A modern, complete CSS course.
- MDN — CSS reference developer.mozilla.org
Every property and how it behaves.
- CSS-Tricks — Flexbox & Grid guides css-tricks.com
The go-to visual references for layout.
- Josh W. Comeau — CSS articles joshwcomeau.com
Deep, intuition-building posts on tricky CSS.
- defensivecss.dev defensivecss.dev
Patterns that keep layouts from breaking.
Practice
- Flexbox Froggy flexboxfroggy.com
Learn flexbox as a game.
- CSS Grid Garden cssgridgarden.com
Learn grid as a game.