Super-powered Layouts with CSS Grid and CSS Variables

A presentation at Bristol JS in in Bristol, UK by Michelle Barker

The CSS Grid Layout specification has revolutionised layout on the web and has made things possible that were never possible before. This talk will provide an overview of the various methods for building layouts with CSS Grid and demonstrate how it can help us construct complex components. We’ll look at how CSS Variables (custom properties) can bring even more power to our CSS, giving us finer control over our responsive grids, and DRYer and more maintainable code, as well as exploring how these dynamic variables can be changed in CSS and Javascript to afford some exciting possibilities.


The following resources were mentioned during the presentation or are useful additional information.