benjaminolsen.devResponsive Web Foundations
Learn to build, test and repair websites with HTML and CSS. Start with a small page. Finish the pilot with an independent profile project.
The pilot contains nine lessons, six practical activities, three knowledge checks and one project. Modules 4–8 and certification follow after learner testing. The full course is planned at 30–50 hours; that estimate has not yet been validated.
What you need
A computer and a browser. No coding experience or paid software is required. Open each example or exercise in the browser editor, write your code and see a live preview. Drafts and practice progress are saved on this device. Sign in to an existing course account on the website to sync across devices. You can also download and edit the files yourself.
1. Your First Web Page
Workshop: Build a learning profile
Break / Fix: Repair a disconnected page
Knowledge check: five questions
2. Content That Makes Sense
Workshop: Build a recipe people can follow
Break / Fix: Repair the meaning of a recipe
Knowledge check: five questions
3. CSS Foundations
Workshop: Style a readable learning profile
Break / Fix: Repair a cascade and width failure
Knowledge check: five questions
4. Layout with Flexbox and Grid
Planned after pilot testing — not yet available
- Normal flow and display
- Flexible rows with Flexbox
- Two-dimensional layouts with Grid
5. Responsive by Design
Planned after pilot testing — not yet available
- Flexible sizes and breakpoints
- Images and content across screen sizes
- Robust typography and wrapping
6. Accessible Interfaces and Forms
Planned after pilot testing — not yet available
- Keyboard, focus, links and buttons
- Labels, input types and validation
- Contrast, zoom and reduced motion
7. Reusable CSS and Components
Planned after pilot testing — not yet available
- Design tokens with custom properties
- Reusable component classes
- Organising a stylesheet
8. Test, Improve and Publish
Planned after pilot testing — not yet available
- Debugging with DevTools
- Testing real content and access
- Files, metadata and publishing
Project 1: Personal Profile
Apply modules 1–3 to a page of your own. Choose the wording and design, then test against the brief.
Read the project briefHow certification will work
The full course will require all eight modules, three independent projects and a practical final assessment. Passing this pilot is not a certificate. The planned certificate records completion of automatically assessed tasks; it does not verify identity or formal accreditation.