Not working CSS Grid: Limit Item Size Using the minmax Function

Tell us what’s happening:
Can someone check my code. I thought it might be a error with the site. >.<

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

I don’t understand what’s wrong with this line.

This is what I was asked to do: " Using the minmax function, replace the 1fr in the repeat function with a column size that has the minimum width of 90px and the maximum width of 1fr , and resize the preview panel to see the effect."


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

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36.

Challenge: Limit Item Size Using the minmax Function

Link to the challenge:

When I run your code, it passes all the tests. Try resetting the challenge and putting your solution in again.

1 Like

Thank you, I had to close out the tab entirely then go back to may have been an issue with my system or wifi connection.

I’m glad you got it sorted out. Happy coding!