Please what am i doing wrong

please what am i doing wrong



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

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

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: 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…