Need help with layout

Hey @umiumansa :wave:

I know that Responsiveness in Bubble is difficult to understand. There are a few tricks that I use to help things go where I want them to go.

  1. Double check your left, center and right alignments for your elements. If something is supposed to be aligned to the left, make sure it says left. Etc.

  2. User spacers to make things shrink nicer like this video.

  3. Use a floating group for your bottom part of your messages on the right side. That way it will always be on the bottom of the page.

  4. Make some groups max width 100% so it doesnโ€™t look weird on very large screens. You can group some elements and just allows the whole page to stretch but not certain elements that you want to keep toward the center.

Here are some more videos on Responsiveness: Responsive Concepts

Here are some references from Bubble that really help: Question/Discussion about Responsiveness

Hope that helps! :blush:


For All Your No-Code Education Needs:

  • One-on-One Tutoring
  • eLearning Hub
  • Video Tutorials
  • No-Code Classes