Practice

Hands-on HTML and CSS lessons - write real markup and styles, watch the page redraw as you type, and get checked instantly.

Lessons

1. Your first page: a heading and a paragraph
2. Links and lists: what a list actually is
3. Your first stylesheet: colour and size
4. Classes: styling one box, not all of them
5. Padding, border, margin: the box around everything
6. Flexbox: a row of cards
7. Centring a box: the one everyone googles
8. A nav bar with space between
9. Fix the bug: the padding that made the box too big
10. Fix the bug: a colour that refuses to change
11. Fix the bug: the margin that escapes
12. Capstone: a card that survives real content