Can't remove a space between blocks

Need help Responsiveness
1

Hi,

I’m trying to understand why bubble keeps a space between my blocks (300px * 300px). I’ve included 2 files. One file with the rendering I would like (no space) and the one I currently have. I can only fix my problem by decreasing the height of the page from 800px to 600px. Otherwise, Bubble tries to align my elements vertically by creating some space.

no space
no space1758×742 39 KB

space
space1837×750 50.1 KB

Thanks in advance!

2

have you checked the preview? do they display correctly in the preview? Just to see if it’s a editor only thing.

3

You are right, it works correctly in the preview! Thanks.

I have a second example with the same problem and, this time, it doesn’t work in the preview either. I don’t know why I have a space between the blue and the pink block.

same problem preview
same problem preview1485×949 7.72 KB

same problem
same problem1915×967 62.7 KB

4

That’s odd. :man_shrugging:
As a workaround you can use a column layout on the parent.

Cheers
Mariano

5

Answer from the support:

"It looks like when the elements are just within the page’s row container, we automatically put space in between to evenly distribute the elements. That said, this can be avoided by grouping the elements inside a group with a row layout. Doing this, there shouldn’t be any space between the elements. "

6

There is nothing wrong. Your page has a minimum height of 900px and it is a row. If your elements, together, don’t have 900px of height, Bubble must insert space in between them.

If you transform you page into a column layout, you will fix it.