Need help with css grid use media queries to create responsive layouts

HTML-CSS
4

Ah! My bad!

So there are only 2 things you need to change in the grid-template-areas:

  • header
  • footer

You only need to change the grid-template-areas property, so that only the header occupies both columns in the first row (top) and the footer occupies both columns in the third row (bottom).

I highly encourage you to check out this post:
Use-media-queries-to-create-responsive-layouts . I had a similar issue with this challenge, but this post helped me to do the challenge.