Help w/ css grid

HTML-CSS
1

Tell us what’s happening:
I put the code correctly and it won’t let me pass.
I did put the code as grid-template-columns: auto 1fr;
and the challenge kept saying 'give the grid-template-columns a value of auto and 1fr ’

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;
    /* enter your code below this line */
    display:grid;
    grid-tempalte-columns:auto 1fr;
    /* enter your 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 (Macintosh; Intel Mac OS X 10_11_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/css-grid/create-grids-within-grids

2

@ConnerOw1115 It’s a typo in “template”. Your code is correct except for that small error.

3

this is something you will have to get used to with an interpreted language. no compiler to point out the inevitable programmer misspelling.

always check spelling, colons, semicolons and syntax before changing code if something doesn’t work as you think it should.

as you progress and learn more you will find tools that will help with these little annoyances.