CSS Grid minmax Function FCC beta help needed

CSS Grid minmax Function FCC beta help needed


Hi guys, I’m going though the beta version and seem to be stuck on the “CSS Grid: Limit Item Size Using the minmax Function” challenge. https://beta.freecodecamp.org/en/challenges/css-grid/limit-item-size-using-the-minmax-function

I have tried every combination of syntax I can think of (and google) and nothing works to pass the test.

The instruction: 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.

My current best guess was: grid-template-columns: repeat(3, 90px, 1fr);

Any help with figuring this out.


What you need to do is replace the just the 1fr for a minmax(). The repeat would then take the 3 as the first parameter, the number of columns, and the second parameter would be the size of the column, which would be your minmax().


If you can’t solve it, here is the solution:

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

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


Do you realize your response is exactly the same as the previous one given 25 days ago?


Thank you. I hadn’t considered putting the minmax inside the repeat for whatever reason. I was trying to make a new grid-template-columns: minmax but it wasn’t working, probably for reasons that’ll be obvious as I keep learning.



Had the same challenge but thanks to the Forum