How can I make my repeating group elements responsive on mobile devices?

I have a list of items in my Bubble app. How can I make sure it adapts nicely to smaller screens, like smartphones, so it’s readable and doesn’t get cut off?

Depending on the current layout and text/inputs max expected length you can set the min width height so that when screen size is small the elements drop under in a column position.

Unfortunately you will have to play with options given in the layout section to achieve 100% responsiveness.

Also, conditions also give you option of altering widths etc if layout options are not sufficient.

This topic was automatically closed after 70 days. New replies are no longer allowed.