(CSS Grid) Lost my last item when narrows viewport?

Whenever I try to narrow down my browser’s viewport, the last grid item’s picture will disappear. Only the description is there. Why is that so?
I tried to use google console to debug couldn’t really pinpoint the issue.

I am not an expert with grid.

But it looks like the div before it is positioned on top of the div that’s disappearing.

1 Like

I changed it a little bit, now the 5th grid only has very little height.

could it because that it runs out of vertical space?

@shimphillip nevermind I solved it.

I added

grid-auto-rows:minmax(480px,auto); into the grid wrapper, just to explicitly add in row minimum height.

Thanks for the help nonetheless!

No problem. Glad you were able to solve it!

1 Like