Grid: min/max and vertical collapsing

Design help General
1

I was wondering how to use the min/max feature in css grid. Why doesn’t the second row collapse when the min is set to 0px? How do you get rows to vertically collapse to content in grid? Is that possible?

Thanks,
John

Here is my site Read-Only: https://preview.webflow.com/preview/grid-4f7ee3?utm_source=grid-4f7ee3&preview=c52df857bc98a1b1b8dec6a48f672542

2

You have used grid property on the body element which takes whole height of the viewport. Make a div and create grid from it, putting all the other elements inside. It will work then.