Help I am stuck!?

HTML-CSS
1

I have tried multiple times typing in the correct property and I also viewed the tutorial and hint options and my answer looks similar to both presented. Am I overlooking something or is it a glitch??

Your code so far


<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: 1fr 100px 2fr;

  /* Only change code above this line */
  grid-template-rows: 50px 50px;
}
</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>

Your browser information:

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

Challenge: Use CSS Grid units to Change the Size of Columns and Rows

Link to the challenge:

2

Hmm, I just copy/pasted that in and it passed for me. What error messages are you getting in the console?

3

I literally did that like 10 times i have no idea why its not working

4

Right, but are you getting any error message in the console? If so, please post what those are. I’m assuming it is giving you some reason why it thinks you are not passing (although I could be wrong).

5

Wow, I literally refreshed the page and it worked -____-

6

Every now and then you can get into a weird state and need to clear your cache and refresh. It doesn’t happen often, but I know it can be frustrating when it does happen.

7