Some grid cells 'hidden' behind next section on smaller screens

[HugoW]

Hi Team,

I use the grid element on my homepage, but on smaller screens (where the grid is forced into a single column, which is fine) the bottom cells disappear behind the next section (which is not so fine).

I have set a minium height to the cells.

I hope you can help me out. My site is hidden behind a password, but I don’t know how to make this a private post…

Thank you in advance!

Hugo

[ruenel]

Hello Hugo,

You may have resolved your issue already. We highly recommend that you review our video tutorials about the Grid element here as well:

Best Regards.

[HugoW]

EDIT: Hi Rue, I solved it. I forgot i defined the height of the grid element. I removed the height and now it works as i would expect. I now know why there’s no easy way to set the height of the grid element

Thanks!

---

Hi Ruenel,

Thank you.

Yes, I watched the video, but my problem is not addressed (I think). The grid is behaving as I would expect, except for the fact that somehow the grid doesn’t “push” the next section downward, but falls behind it.

The height of the parent elements of the grid are not defined. The only dimensions that are defined are the minimum height of the cells and the padding of the Headlines inside the cells. So, I don’t know what I’m doing wrong.

Kind regards,

Hugo

[matt]

Glad you got there in the end, Hugo!