Course · Interactive

HTML & CSS Foundations

Build real web pages from scratch — semantic HTML, the box model, typography, flexbox, grid, and responsive design — across 11 lessons of live, auto-graded code with an instant preview.

Who it's for

Total beginners to the web. No prior coding needed — if you can type, you can start.

What you'll learn

  • Structure pages with semantic HTML — headings, links, images, and landmarks
  • Style with CSS selectors, the box model, colour, and typography
  • Lay out interfaces with flexbox and CSS grid
  • Make pages responsive with media queries
  • Build a polished profile-card component from scratch

Course contents

  1. 01How a web page is built
  2. 02HTML — elements, text, links, images, semantics
  3. 03CSS — selectors, box model, typography
  4. 04Layout — flexbox, grid, responsive design
  5. 05Project — a profile card