CSSInteractiveIntermediate
CSS Layout Lab
Fix positioning and stacking bugs, rank selectors by specificity, complete a grid and match properties to their effect.
Topics you will practise
- Positioning
- Stacking
- Specificity
- Properties
- Grid
5 activities. Check each answer to see an explanation.
Results are saved only in this browser.
How this works
Do, then check
Each activity (find the bug, fill the blanks, put in order, match pairs) is checked when you press Check answer, followed by an explanation.
Fresh order each time
Items are shuffled on every attempt, so retrying tests understanding instead of memory of positions.
Skip and hints
Skip an activity or use a hint when one is available. Skipped activities count as skipped in your results.
Saved on your device
Scores and streaks are stored in your browser only. There is no account.
Topics covered
- Positioning
- Stacking
- Specificity
- Properties
- Grid