My code is not working in the lesson, why?

When I type this: " grid-template-columns: repeat(3, minmax(90px 1fr)); " in lesson about minmax function it won’t work, why???

Hi and welcome to the forum!

Please share your full code for this challenge.

1 Like

Did you also forget the comma between the args to minmax in the activity?

1 Like
<style>

  .item1{background:LightSkyBlue;}

  .item2{background:LightSalmon;}

  .item3{background:PaleTurquoise;}

  .item4{background:LightPink;}

  .item5{background:PaleGreen;}

  .container {

    font-size: 40px;

    min-height: 300px;

    width: 100%;

    background: LightGray;

    display: grid;

    /* Only change code below this line */

    grid-template-columns: repeat(3, minmax(90px 1fr));

    /* Only change code above this line */

    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>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

you are missing a comma, as @bbsmooth said