Last updated:

An understanding of the basics of CSS Grid should be sufficient to follow along with the majority of examples on CSS Makeovers. If you’re new to Grid, I think a great place to start is Morten Rand-Hendriksen’s video “CSS Grid Explained in 7 Minutes (with diagrams and code).” As the title suggests, he covers the main concepts quickly, but it doesn’t feel rushed. So it can be a good way to get an overview before exploring some of the other Grid resources listed below.

I’ve also included resources for Flexbox and Shapes. Some of my examples use Flexbox, and some will use Shapes in the future.

CSS Flexbox Resources


CSS Grid Resources



CSS Shapes Resources