Please what am i doing wrong

Hi,
please what am i doing wrong

       
```html

<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/83.0.4103.97 Safari/537.36.

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

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rowsPreformatted text

Maybe try to remove coma , : grid-template-columns: 1fr 100px 2fr;

Hey, the link to the challenge does not work. We get a 404 error.

At first glance it looks like your missing s closing curly brace } on your .container class

Can’t see this properly but with what i can see, you should removing your commas from the grid-template-columns.

Thank you…

Thank you......................

Thank you…