Excess "White Space" in Grid Element

Hi Guys,

I have created a grid using the grid element and it’s perfect on screens up to 1200px.

But when I reach above that each cell seems to gain unneeded padding/margin at the top and bottom.
It makes the rows seem really spaced out.

I can’t understand where this padding (white space) could be coming from.

Please help!

Hello Niall,

Thanks for writing to us.

The Cells of the Grid element take the height of the highest Cell. In your case, I found that the Cell containing the Map is having the height which has been taken by all of the other Cells.
I went ahead and created a Test page where I have decreased the size by setting the Aspect Ratio of the Frame to 4:1 to reduce the height which works

Hope it helps
Thanks

Hi Prakash,

Thanks for taking a look! :slight_smile:

So am I right in saying that there is no other way to shrink the gap without shrinking the map?

Hello Naill,

You can set the Grid Y Content as “start or center or end” to get rid of the grid cell

Hope it helps
Thanks

Great, thanks very much for your assistance.

Hi Naill,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.