A Guide to Debugging CSS Grid

A presentation at Generate CSS in in London, UK by Michelle Barker

So, you’ve heard all about CSS Grid and now you want to use it in production. Great! Grid is an incredibly powerful tool for building web layouts, and is a valuable part of the new era of intrinsic web design. But with so many different ways to create a grid and place items, it’s not always easy to understand when something goes wrong.

In this talk we’ll examine a few examples of common problems, and put the CSS Grid specification under the microscope to help understand why our layouts might not always behave as we expect. We’ll take a look at how Grid works in harmony with (and not against!) other layout methods to build the robust, flexible web of the future.