CSS Grid: Create Grids within Grids

freeCodeCamp Support
1

this one doesn’t work:

  @media (min-width: 400px){
    .container{
      grid-template-areas:
      /* Only change code below this line */
        "header header"
        "advert content"
        "footer footer";
      /* Only change code above this line */
    }

this one does:

  @media (min-width: 400px){
    .container{
      grid-template-areas:
        "header header"
        "advert content"
        "footer footer";
    }

if you don’t see it, the comments are making the task uncompletable.

2

This has been noticed. An issue has already been opened to fix the tests: https://github.com/freeCodeCamp/freeCodeCamp/issues/38333

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

3

had to check here…that challenge was really starting to tick me off. Thanks for this my man!