Solution for create-flexible-layouts-using-auto-fit

What is your hint or solution suggestion?

.item1{background:LightSkyBlue;} .item2{background:LightSalmon;} .item3{background:PaleTurquoise;} .item4{background:LightPink;} .item5{background:PaleGreen;} .container { font-size: 40px; min-height: 100px; width: 100%; background: LightGray; display: grid; grid-template-columns: repeat(auto-fill, minmax(60px, 1fr)); grid-template-rows: 1fr 1fr 1fr; grid-gap: 10px; } .container2 { font-size: 40px; min-height: 100px; width: 100%; background: Silver; display: grid; /* Only change code below this line */ grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); /* Only change code above this line */ grid-template-rows: 1fr 1fr 1fr; grid-gap: 10px; }
1
2
3
4
5
1
2
3
4
5

Challenge: Create Flexible Layouts Using auto-fit

Link to the challenge: