Build It — HTML + CSS Challenges

Learn to look

1. 13

   Section 13 · ~20 min

   Learning to see the boxes

   Every layout is rectangles inside rectangles. Train your eye to spot them.

   ShareStudy →
2. 14

   Section 14 · ~20 min

   Read it before you run it

   Predict what a rule will do, then check. Faster than reloading, and it teaches more.

   ShareStudy →

Fix, then finish

1. 15

   Section 15 · ~25 min

   The snag list

   Walk a broken page and find every fault, the way a site inspection works.

   ShareStudy →
2. 16

   Section 16 · ~25 min

   Build one piece at a time

   Nobody builds a page. They build a header, then a card, then a row of cards.

   ShareStudy →

Build it from nothing

1. 17

   Section 17 · ~40 min

   The brief — Event Desk, finished

   A brief, a wireframe, and no code to copy. Build it yourself.

   ShareStudy →
2. 18

   Section 18 · ~25 min

   The polish pass

   The small gap between a page that works and a page that looks finished.

   ShareStudy →