Responsive design issues - Padding seems to not be recognized

Hi all,
I am following along on YouTube with Gregory John and the new course that he is putting out now for Bubble.io. But I’m having an issue with the responsive design that I feel should not be an issue.
I have followed along with what he has done and to get a bit of space around the text when on a screen of 768 (as Gregory did) I set 32px left right padding on the group section (which is the first container in the elements tree), however when I go back to the responsive tab I can see the padding there on Group Section but when I move down to 768 the “group content” container that hold the text does not react to the padding and behaves like its not there. I can see the group content overlaying the padding. What could be a possible reason and/or solution for this?
( FYI, I am on the free version of bubble while I learn however I googled if that would effect it and apparently Responsive design is still effective on the free version.)
Regards Sii

1 Like

Panic is off peeps… So after some extra deep searching I realized that I had the group content element accidently set to a fixed width of 768… My mistake! So the issue is Solved

1 Like

Good to see you figured it out.

For future reference, you can also compare your editor with the YouTube course’s editor: bc-workplace-demo | Bubble Editor

Awesome… Thanks for the tip. I will check that out for sure Armand. :slight_smile: Edit: Yes the Follow along demo app… I guess I just forgot that I had set the 768 width and then overlooked it. Thanks again

2 Likes