Forum Academy Marketplace Showcase Pricing Features

How to create responsive pages, layouts in bubble.io

hi bubblers,

How i can create a responsive website/ web app in bubble.io. Actually i am finding this task difficult and time consuming to do.

What are the first and last steps you would and take to start designing your web app and making it responsive at the same time. Step by step procedure would be very helpful for me and other thousand bubblers as i think this is the area where consumption of time is very much.

So please be descriptive and your best practices and advices.

thank you
Priyanshu goyal
Founder at nocodeify.in

Hi there, @Priyanshu-Goyal… I’m not trying to be a jerk by throwing a bunch of links at you (like a “let me Google that for you” kind of thing), but there is plenty of great content out there on responsive design in Bubble, and you should definitely check some of it out.

https://manual.bubble.io/help-guides/building-a-user-interface/building-responsive-pages

https://medium.com/littlebay/how-to-make-centered-elements-responsive-in-bubble-5f58eb1daae6

Best…
Mike

3 Likes

It’s really about setting up page structure using groups. Once you’ve divided the page into the relative parts, creating breakpoints is straightforward.

Throwing this into the mix - Guide

2 Likes

Thank you so much

1 Like

Thanks greg really learnt a lot from your responsive tutorials on bubble.io & thanks for that awesome ebook.