Skip to content

CoursesCode

Modern CSS layouts

Grid, flexbox and container queries for layouts that hold up at every screen size.

Level
Intermediate
Lessons
4
Time
3 h 55 min
Teacher
Marco Bellini
Enrol for $79Watch lesson one free →
Marco Bellini, Front-end developer in Turin

What you will learn.

  1. 01Choose between grid and flexbox with confidence
  2. 02Build page layouts with named grid areas
  3. 03Make components respond to their container, not the window
  4. 04Set up fluid type and spacing that scale without breakpoints

Layout is the part of CSS that changed most in the last five years. This course starts from how the browser thinks about space and ends with a small layout system you can drop into any project.

Every lesson rebuilds a real page from a design file, so you see each technique in context rather than in a sandbox.

Who it's for

  • Developers who still reach for a CSS framework by habit
  • Designers who hand off layouts and want to know how they are built

The curriculum.

4 lessons, 3 h 55 min in total. The first 2 are free to watch.

  1. 01Thinking in layout, not breakpointsHow the browser decides where things go, and why most layout bugs start there.40 min Free
  2. 02CSS grid for real pagesNamed areas, auto-fit columns and subgrid, applied to a full magazine page.1 h 5 min Free
  3. 03Container queries and fluid typeComponents that respond to their own space, and type that scales without breakpoints.1 h Locked
  4. 04A layout system you can reuseWrap everything up into a handful of layout primitives for your next project.1 h 10 min Locked
Marco Bellini, Front-end developer in Turin

Your teacher

Marco Bellini

Front-end developer, Turin

Marco has built websites for fifteen years, first for agencies in Milan and now as an independent developer working with publishers and small studios. He moved most of his client work to Astro in 2022 and has not looked back.

He teaches the way he works: start from an empty folder, write only what the page needs, and ship it before lunch.

More from Marco →

This course

$79

Pay once, keep it for life

  • All 4 lessons of Modern CSS layouts
  • Exercise files and source code
  • Every future update, free
Enrol for $79

All access

$349

Every course, and every new one

Learning more than one thing? All access costs less than four courses bought one by one.

Compare plans

Questions, answered.

  • How long do I have access?

    For life. You pay once and keep the course, including every update.

  • Do I need to install anything?

    Only what the first lesson lists, and it is all free. Each lesson notes any tools it uses.

  • Is there a certificate?

    No. We would rather you leave with a finished project you can show than a PDF.

  • What if it isn't for me?

    Write to us within 14 days and we refund you in full.

Keep going.

More courses that pair well with this one.