For those of you that are a little bit ahead of the bootcamp schedule and have worked with Grids. How do you debug them and find potential bugs in your grid code?
I’m asking because I spent a lot of time trying to figure out why my grid didn’t take up the full width of the browser even though I had set html and body to 100%.
The issue was that I’d misnamed one grid-area. My grid-template-areas said ‘f’ for footer in the bottom row, but my footer tag was named ‘footer’, not ‘f’. I hope there’s a way to spot these typos…