Use Sass variables and mixins to build clean, reusable CSS Grid layouts, 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 looks like in SCSS, how rows and columns work with variables, and your first simple layouts.
Build actual page layouts with Sass mixins and learn to spot and fix common mistakes.
Responsive grids, named template areas and auto-placement, the SCSS way.
Start with Lesson 1, or explore the tools first if you would rather experiment.