HTML CSS Certification Bug? grid-column:

Tell us what’s happening:

Well your Test isn’t working, your Video Hint is telling this solution. But i get always an error.

Your code so far


<style>
.item1{background:LightSkyBlue;}
.item2{background:LightSalmon;}
.item3{background:PaleTurquoise;}
.item4{background:LightPink;}

.item5 {
  background: PaleGreen;
  /* add your code below this line */
  grid-column: 2/4;
  /* add your code above this line */
}

.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;
}
</style>

<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>
</div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36.

Challenge: Use grid-column to Control Spacing

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/css-grid/use-grid-column-to-control-spacing

Your code is correct. Did you copy/paste it or type it? Try delete the line an re-type

Yeah thanks for help man.

I did dude, but the answer is the same!

item5

class should have a

grid-column

property which results in the

div

with the

item5

consuming the last two columns of the grid.

your code passes for me. Are you using the last version of your browser? do you maybe have some extensions, that you can try to switch off? can you try reloading the page and trying again? using incognito mode?