CSS Grid and Flexbox, v2 vs Learn React

Covers responsive layout across two parts — Flexbox (grid systems, navigation, responsive images) and CSS Grid (Mondrian and magazine layouts, cards). Reviewers say it teaches modern layout "without hacks", though v2 predates subgrid and container queries.

Jen Kramer is the most-praised element — a long-time CSS educator who explains layout clearly and at a beginner-friendly pace. Learners and a Hacker News commenter call her CSS courses "very good" and her teaching "well taught, in-depth".

Requires a $39/month (or $390/year) Frontend Masters subscription rather than a one-time purchase — strong value if you use the wider catalog, weaker if you only want this one course. The course is included in the standard subscription.

More hands-on than most CSS courses: each section ends in build exercises and a capstone, including a Mondrian painting and magazine layouts. The builds are small practice pieces rather than a full portfolio site, but they reinforce the concepts well.

Flexbox and Grid are the everyday tools for production layout, and learners report finishing real site layouts noticeably faster afterward. The main gap is currency — the newer features (subgrid, container queries) are covered in Kramer's v3, not this version.

11 lessons cover JSX, components, props, state, Hooks and React programming patterns. Rebuilt around function components and Hooks in the 2020 refresh. Solid intermediate scope, but stops short of routing, data fetching and state libraries.

No single named instructor — the course is platform-authored with written steps, animations and an AI helper rather than video lectures. Clear and consistent, but lacks the narrative voice some learners prefer for a hard topic like React.

The course sits behind Codecademy Pro (~$30/month) for projects, quizzes and the certificate. Fair for the interactive practice, but free alternatives like Scrimba's and freeCodeCamp's React content cover similar ground.

Seven guided projects apply JSX, Hooks and forms inside the browser sandbox. Good for reinforcement, but they hold your hand and run in a simplified environment — you do not configure tooling or deploy anything real.

Teaches genuinely current React (Hooks, function components) that transfers to real codebases. The gap is the jump from sandbox exercises to a real editor, build tooling and a deployed app — learners must bridge that themselves.