Basic Tech & Web Skills · BEGINNER
CSS Box Model Practice
Practise css box model practice with worked examples, useful checklists and fictional projects. Learn free; a Certificate of Completion is optional.
What you’ll be able to do
- Apply the workflow: identify box components.
- Apply the workflow: calculate content-box size.
- Apply the workflow: compare border-box sizing.
- Apply the workflow: control spacing deliberately.
- Apply the workflow: inspect overflow and responsive effects.
Your course, step by step
- Identify box components
- Calculate content-box size
- Compare border-box sizing
- Control spacing deliberately
- Inspect overflow and responsive effects
How completion works
Pass the practice question in every lesson first, then pass four assessment sets in order. Each set has 10 distinct questions and requires at least 80% (8 out of 10). All four must be passed; a high score in one cannot compensate for another. It is open-book and must be your own work. This automated assessment checks course understanding; it does not independently verify identity or workplace competence.
Each set attempt has its own 15-minute window. Starting an attempt counts even if you abandon it. Wait 15 minutes from the start before a retake; after every third attempt of the same set wait 24 hours. Passed sets stay saved. A live attempt can be resumed. Retakes and learning remain free.