Responsive: Can't get these 3 elements to behave for the life of me!

[alejandrowunderlich]

I’ve done responsive apps with Bubble a dozen times. These three little groups wont stay in place! The biggest offender seems to be the long element (a text element). It strays right despite it being centered!

Any tips?

[alejandrowunderlich]

lol, seriously, Bubble’s responsive prowess leaves much to be desired.

[manwithaplan]

I had an issue similar to this, and @J805 had a helpful idea:

Centered responsive header?

Hey there I know responsiveness is tricky. Take a look at this video. It will help you with the header. 1-Minute Video - https://www.nocodeminute.com//1-minute?video=1585757477887x628395157715549600 This is one of my first videos so sorry about the poor audio quality.

[alejandrowunderlich]

That did it! Lol… the definition of a hack! But it worked!

For those that don’t want to watch the video:

• Add an invisible group with min. width 0 between elements. Make the group stretch from the end on one element to the start of the next to create a sort of tight lego of elements.