Hi, I'm Boxy.
I am a box — margin, border, padding, the whole thing. Every element on a page is one of me, so once you can push me around you can build anything. Each chapter explains the idea first, then you practise it on a board that answers while you type.
The first exercise is open to everyone. The rest needs an account, so your progress is still here tomorrow.
Courses
Beginner
Never written CSS0/23Start here. Colours first, because you can see the result immediately, then the two layout systems everything else is built on.
How CSS worksColoursFlexboxGridHTML semantics
Competitor
Heading for the arenaEverything that makes a solution short: one shape from many, gradients instead of elements, and the tricks that win a duel.
Fewer elementsShorthands
Chapters in preparation