CSS Grid and Flexbox, v2 vs Codecademy Learn JavaScript

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.

Eleven lessons covering variables, data types, conditionals, functions, loops, arrays, objects, and iterators — a clean, well-sequenced syntax tour for absolute beginners. The ceiling is scope: it teaches the language in isolation, not the DOM or the browser where most beginners expect to use it.

No single instructor — the curriculum-by-committee model means clear, bite-sized written lessons with instant feedback, but no voice walking you through the why. Strong for syntax drilling, weak for the conceptual glue that turns drills into understanding.

The core lessons are genuinely free, which is the single strongest argument in the corpus. Pro ($24/mo) unlocks the certificate, practice projects, and quizzes. For a syntax intro the free tier alone is hard to beat on price-to-value.

Mini-projects (a whale-speech translator, a console cash register) are fun and confidence-building, but the meatier practice projects sit behind Pro. Reviewers repeatedly note you finish without knowing how to start your own unguided project.

The loudest reservation in the corpus. Exercises run in a sandbox console and focus on syntax, not the DOM — so learners reach the end able to pass challenges but not to wire JavaScript into a real web page without further study.