
Make sure the checkbox is unchecked, otherwise your page will never be responsive.

Sometimes this is set to fixed width by default. Step 3: Make sure your page isn't set to fixed width. These will all be helpful for lining things up, which is very important in Bubble. Change the steps to something like 20 or 25. In the Grids & Borders dropdown, select Show Grid. This number will be important later on, so you'll probably want to make it the same on every page.


If you follow these 14 steps shared by Kieran from his experience using Bubble on his Twitter : Step 1: Set your page width.īubble defaults to 960 width, but you can change this to whatever you want. It's a no-code tool that lets you build SaaS platforms, marketplaces and CRMs without coders help.īubble has a reputation for being unfriendly for responsive design.īut it's fairly simple to make responsive design using Bubble. Bubble: The best way to build web apps without code
