Elements pushed off screen and not visible when page is shrunk

[danielcbracken]

Hey everyone, I’m having this frustrating problem where elements that I have centered on a page with a fixed width applied are pushed off of the page almost entirely when a window is shrunken down. Here are some screenshots showing the differences. Has anyone run into this problem before, and do you know what in the hell is causing it?

how it looks in the editor

how it looks when it’s previewed in desktop size (perfect)

how it looks once the window is shrunk (my comment boxes are off-screen and only partially visible)

I’ve tried a few different grouping pairs, right now I just have the elements sitting in the main group on the page. If you’ve encountered this problem before, I’d love to know what the solution is! Is it me or Bubble?

Thanks!

[lindsay_knowcode]

I’m not an expert with responsiveness - it’s still a lot of trial and error for me but this is how I deal with your problem.

I put the thing I want centered inside a group the width of it’s container. Then I center (margin on both sides) the thing within the full width container like this -

This works for me.

Still a lot easier than farting around with CSS and divs