FAQ: Advanced CSS Grid - Grid Template Areas

For those wondering, as I was, why grid-template breaks this code, I went and read the documentation; grid-template also sets grid-template-areas, so if you define grid-template below grid-template-areas, the code overwrites the previous code and breaks the site.

You can set grid-template above grid-template-areas and, presumably, set everything in one line. Still figuring out the syntax for that.

1 Like