freecoding.school100% FREE · NO SIGNUP
Grid Canyon · 27 issues

CSS Layout

Display, position, flexbox, grid and responsive design — bend space itself to your will.

27
free lessons
5
chapters
27
written up
$0
forever
▶ Enter Grid Canyon — the interactive lane

Flexbo guides you through Grid Canyon. Standing in the way: The Float Phantom — every mistake this lane teaches you to avoid. Display, position, flexbox, grid and responsive design — bend space itself to your will.

All 27 lessons below are free, need no signup, and each one opens as a comic issue with a live try-it sandbox, a task list that pays XP, and a narrator that reads it aloud. Progress is stored in your own browser — nothing is uploaded anywhere.

CSS Display & Position · 9 lessons

CSS Flexbox · 5 lessons

CSS Grid · 6 lessons

CSS Layout Extras · 2 lessons

CSS Responsive & Logical · 5 lessons