No examples. Poor instructions

Tell us what’s happening:
Describe your issue in detail here.

Not sure what is wrong with my code. Usually a syntax error but I’ve checked a ton of times. Few instructions and no examples to compare and see why it isn’t taking my answer. Any help is appreciated.

  **Your code so far**

.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;
    "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;


<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 class="item4">footer</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14150.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.104 Safari/537.36

Challenge: Create Grids within Grids

Link to the challenge:

What do the failing tests say?

It tells me that the Item3 class should have a grid-template-columns property with auto and 1fr as values.

I thought thats what my code reflects but I cannot pass :frowning:

You have an comma in that line that doesn’t belong there.

1 Like

That was in fact the issue. Thank you for your quick help. I do wish freeCodeCamp gave more explanation for why some values need commas and others do not.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.