Test Failure for no apparent reason

Tell us what’s happening:
Describe your issue in detail here.

My code is exactly as it appears below. Here I repeat it again:
grid-template-columns: repeat(3, (minimax 90px, 2fr));
I can hardly find what is wrong as it does not pass the test. Can anyone tell me what is wrong?

  **Your code so far**


.container {
  font-size: 40px;
  min-height: 300px;
  width: 100%;
  background: LightGray;
  display: grid;
  /* Only change code below this line */

  grid-template-columns: repeat: (3, (minimax 90px, 2fr));

  /* 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36 Edg/100.0.1185.36

Challenge: Limit Item Size Using the minmax Function

Link to the challenge:

Hello. Could be because you have written “minimax” instead of “minmax”?

  • Thank you. You are right. There was also the bracket that should be after and not before minmax.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.