I have no idea what im doing wrong with grids. I don't understand them at all!

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
.container {
  font-size: 1.5em;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr auto;
  grid-gap: 10px;
  grid-template-areas:
    "advert header"
    "advert content"
    "advert footer";
}
.item1 {
  background: LightSkyBlue;
  grid-area: header;
}

.item2 {
  background: LightSalmon;
  grid-area: advert;
}

.item3 {
  background: PaleTurquoise;
  grid-area: content;
  /* Only change code below this line */

  display: grid; {
  grid-template-columns: auto, 1fr;
  }
  
  /* Only change code above this line */
}

.item4 {
  background: lightpink;
  grid-area: footer;
}

.itemOne {
  background: PaleGreen;
}

.itemTwo {
  background: BlanchedAlmond;
}

</style>

<div class="container">
<div class="item1">header</div>
<div class="item2">advert</div>
<div class="item3">
  <div class="itemOne">paragraph1</div>
  <div class="itemTwo">paragraph2</div>
</div>
<div class="item4">footer</div>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Create Grids within Grids

Link to the challenge:

2

the part inside {}is not being read - css doesn’t allow you to put a block surrounded with {} inside an other block

3

i did that out of guess work. i legit do not know how to solve this. css was easy until i got to the grids part. i might end up skipping this one. even reading the hint makes no sense to me. lol

4

Turn the element with the item3 class into a grid with two columns with a width of auto and 1fr using display and grid-template-columns .

if you have issues with the grid-template-columns you can look at where else is used in the code or go back to the challenge in which it was introduced

5

my problem is after i type display: grid; i don’t know where or how to type the rest.

6

wow thank you! i just looked over the code and there is an example of it. i had no idea it was going to be typed out like that!