Fixing staggered elements on preview

Need help App Organization
1

Hi everyone, very new to Bubble, so would appreciate the help

When I’m creating a chatroom page, the following is shown in the design tab (which looks fine to me):

a
a1915×942 87 KB

Then when I load up the preview, I get the following result with the elements staggered horizontally:

b
b1920×946 28.7 KB

Any ideas why it staggers like that, and how to fix it?

Thanks!

2

you can use responsive tab fro fixing this problem.
share you bubble editor url, i will show you

3

Okay, I see in the Responsive tab it looks staggered as well. Here is the URL

4

change this app to public, then only i will able to view.

5

Apologies, just set it to Public