CSS Quiz
Every CSS lesson page on iwantcoding.com ends with a "Test yourself" quiz block. The questions are stored alongside the lesson, so they cover exactly what you just read.
How the quiz works
- Multiple choice — pick the best answer from four options.
- Submit when you're done; you see a score plus which questions you missed.
- Reset starts over with the same questions.
- Progress is tracked per topic — see the counter at the top of the sidebar.
Topics that currently have quizzes
The 43 topics with full quiz coverage include all the foundational ones — Introduction, Syntax, Selectors, Colors, Box Model, Flexbox, Grid, and many more.
To take a quiz, open any topic page that has one and scroll to "Test yourself".
Strategy tips
| Habit | Why it helps |
|---|---|
| Read first, then quiz | Spaced retrieval cements the lesson. |
| Retake until you get 100% | Cheap repetition; questions don't change. |
| Open the editor before answering | Try the code if you're unsure — proves it experimentally. |
Tip: If a question feels obvious, skim the lesson again — the wording sometimes hides a subtle gotcha.
Example
Example
<!DOCTYPE html>
<html>
<head>
<style>
body { font-family: Verdana, sans-serif; }
.box { background: #04AA6D; color: #fff; padding: 20px; border-radius: 6px; }
</style>
</head>
<body>
<h1>CSS Quiz</h1>
<div class="box">Edit the CSS on the left, then click Run »</div>
</body>
</html>
Try it Yourself »
Exercise
Where on a lesson page does the quiz appear?
Answer (one word):
Opposite of top.
Discussion
Loading…