HTML & CSS · Beginner

HTML & CSS Foundations

Start where every interface starts. Learn one layer at a time, prove it in low-scaffold checkpoints, then ship an accessible responsive page that holds up on a phone and a 27-inch monitor.

5 h 2 min15 of 15 lessons live15 coding challenges

Start course

Curriculum

4 modules, 15 lessons, built to be done in order.

01Markup that means somethingTags, structure, and why semantics matter.4 lessons

How a browser reads your pagepractice · 15 min
Semantic tags in practicepractice · 16 min
Forms and inputschallenge · 18 min
Checkpoint: accessible event pagechallenge · 25 min

02Styling fundamentalsThe cascade, the box model, and modern units.6 lessons

Write and target CSS rulespractice · 16 min
The cascade without the mysterychallenge · 18 min
Box model and spacingpractice · 16 min
rem, em, and fluid unitschallenge · 16 min
Focus, contrast and motionpractice · 20 min
Checkpoint: accessible product cardchallenge · 25 min

03Layout systemsFlexbox and grid, side by side.4 lessons

Flexbox basicspractice · 18 min
Grid vs flexchallenge · 18 min
Responsive layoutschallenge · 18 min
Media querieschallenge · 18 min

04Independent projectCombine every layer in one real page.1 lessons

Capstone: responsive trail guidechallenge · 45 min