Bug on tutorial

Tell us what’s happening:
What is wrong here? I tried to replace advert to . as the tutorial showed but it did not work somehow. Could anyone please let me know why?

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 (Macintosh; Intel Mac OS X 10_15_0) 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:

You simply need to correct this line in the code (“advert content content”), reset code then edit this line to have ("advert ").

You mean change the “advert content content” to “advert” right?

1 Like

It is a known bug. Remove the CSS comments and it will pass.

Edit: The bug is getting fixed, sorry of the inconvenience.

I recieved a pass rating with the following code,

“header header header”
“. content content”
“footer footer footer”;