// the find
jonasschmedtmann/advanced-css-course
Starter files, final projects and FAQ for my Advanced CSS course
Course companion repo for Jonas Schmedtmann's Advanced CSS Udemy course — three projects (Natours, Trillo, Nexter) covering Sass architecture, Flexbox, and CSS Grid. It's starter files and finished code, nothing more. If you're taking the course, you need this; if you're not, there's nothing here for you.
The Sass file structure on Natours is genuinely well-organized — abstracts/base/components/layout split is a good pattern to copy. The three projects cover meaningfully different layout paradigms rather than repeating the same demo with different colors. Shipping the compiled CSS alongside the Sass means you can inspect the output without running a build. The section-by-section snapshots (after-S05, final-after-S06) make it easy to bisect where you went wrong.
The npm build toolchain is old enough that it breaks regularly on current Node versions — the FAQ literally has a dedicated fixes document for this, which tells you everything. No CSS custom properties anywhere; the course predates their widespread adoption and hasn't been updated to reflect how people actually write CSS today. The custom float-based grid in Natours is something you'd never write now that Grid exists. Last meaningful update was mid-2024 but the underlying course material is several years older — the Flexbox and Grid techniques are fine, the tooling is not.