No frameworks and no build tools, just the core CSS Grid properties explained step by step, with hands-on practice at every stage.
0 of 9 lessons completed
Each level builds on the last: start with the fundamentals, move on to real layouts, then finish with advanced, responsive techniques. All three levels are ready, start with Lesson 1 below.
What CSS Grid is, how rows and columns work, and your first simple layouts.
Build actual page layouts and learn to spot and fix common mistakes.
Responsive grids, named template areas and auto-placement.
Start with Lesson 1, or explore the tools first if you would rather experiment.