Bug in one of the CSS-Grid Challenges

Tell us what’s happening:
There seems to be a bug with this challenge, because I’ve changed the “advert section” to a (.) and the test doesn’t come back positive.

Your code so far


.container {
  font-size: 40px;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-gap: 10px;
  /* Only change code below this line */
    "header header header"
    ". content content"
    "footer footer footer";
  /* Only change code above this line */

<div class="container">
<div class="item1">1</div>
<div class="item2">2</div>
<div class="item3">3</div>
<div class="item4">4</div>
<div class="item5">5</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.132 Safari/537.36.

Challenge: Divide the Grid Into an Area Template

Link to the challenge:

is there a way I can bypass the challenge?

Alright I managed to fix it by just rewriting the entire “grid-template-areas” section. Thanks!

you just need to delete the comments
there is a bug for which the tests fail if there are comments there


Ah lovely, happened again and this commented helped! Appreciate it.

this bug appears to affect the challenges that involves grid-template-areas. Found it again at https://www.freecodecamp.org/learn/responsive-web-design/css-grid/create-grids-within-grids
Tests pass when you remove the comments

Yeah I also came across it then again and the deleting the comments helped! Appreciate the tip.