Test fails for Add Columns with grid-template-columns

HTML-CSS
1

For some reason, the tests keep failing for Add Columns with grid-template-columns. I have even copied the answer in, and the test keeps failing. My code is:

<style>
  .d1{background:LightSkyBlue;}
  .d2{background:LightSalmon;}
  .d3{background:PaleTurquoise;}
  .d4{background:LightPink;}
  .d5{background:PaleGreen;}

  .container {
    font-size: 40px;
    width: 100%;
    background: LightGray;
    display: grid;
    /* Only change code below this line */
    grid-template-columns: 100px 100px 100px;
    
    /* Only change code above this line */
  }
</style>

<div class="container">
  <div class="d1">1</div>
  <div class="d2">2</div>
  <div class="d3">3</div>
  <div class="d4">4</div>
  <div class="d5">5</div>
</div>

And the output is:

// running tests
container class should have a grid-template-columns property with three units of 100px.
// tests completed

Have I missed something? Or is this a bug?

2

can you please provide a link to the problem so we can test your code?

3

Your code is good, try to refresh your page or clean the browser data, it happens sometimes. :wink:

4
5

Thanks. I tried it in Edge rather than Safari and the tests passed. It was frustrating as I knew the code was correct.

2 Likes
6

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