Skip to main content Jump to list of all articles

CSS Grid Layout

Learn How Grid Works

About The Session

  • Speaking: Rachel Andrew
  • Date:

Thursday, January 25, 15:00 GMT.
Since the early days of the web, designers have been trying to lay out web pages using grid systems. Likewise, almost every CSS framework attempts to implement some kind of grid system, using floats and often leaning on preprocessors. The CSS Grid Layout module brings us a native CSS Grid system for the first time—a grid system that does not rely on document source order, and can create complex layouts which are easily redefined with media queries.

Following along with practical examples, you’ll learn how Grid works, and how it can be used to implement modern layouts and responsive designs.

Main Topics

No chit-chat, no small talk. Only practical insights that you can actually learn from and take back to your company. By the end of the presentation, you will:

  • Understand the basics of CSS Grid layout
  • Have seen practical examples of components using Grid and other new layout specifications
  • Understand how to use Grid while still offering a good experience to browsers that don’t have Grid support.

The webinar requires a basic understanding of CSS. Beware: you might not be able to unlearn what you'll learn in this session.

Format: 60 mins session + 30 mins conversation.

1.5 hours. January 25, 15:00 GMT.

About The Speaker

Rachel Andrew is not only Editor in Chief of Smashing Magazine, but also a web developer, writer and speaker. She is the author of a number of books, including The New CSS Layout. She is one of the people behind the content management system, Perch, and writes about business and technology on her own site at
← Back to the overview

What’s Smashing TV?

Smashing TV is a series of webinars and live streams packed with practical tips for designers and developers. Not just talks — conversations and “here-is-how-I-work”-sessions. Smashing Members can download recordings, too.

Think of it as some sort of a Hollywood blockbuster with cats. Just better, because it’s for people like you. Check upcoming webinars.

Previous Webinars

We run practical sessions every week. No fluff, just actionable techniques and strategies for building and designing better experiences. Here are a few recent ones:

View upcoming webinars ↬