Help with the minmax function task

HTML-CSS
1

I did look at the hint to help me and also the solution but it looks like this person doesn’t now the answer to his own task. Why has the hint option shown a solution that is completely wrong. I know I have it wrong but at least I know to remove the repeat function. Can anyone help me with this please. Im not quite getting the task. I completely understand the task example and that this is the sequence for 2 columns but the task is asking to write 3 columns without enough information. Well it has me stuck a bit if anyone can explain?
Thank you.

  **Your code so far**


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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.62 Safari/537.36

Challenge: Limit Item Size Using the minmax Function

Link to the challenge:

2

What solution? It doesn’t look like the hint post contains a solution, only an example.

Note the text:

…replace the 1fr in the repeat function…

It looks like you’ve removed the repeat() entirely.

3

Can anyone please explain this to me as im not quite getting it. I understand the repeat and minmax but just cant get the correct order. Its holding me up now and when things like this happen after doing so well it knocks your confidence. I thought the Minmax was to replace the repeat. ? HELP!!!

4

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