Margins and padding are important aspects of designing a visually appealing and user-friendly app interface. With Bubble, you can easily add custom margins and padding to containers and elements within your app, ensuring that your design is consistent and visually pleasing. This feature is especially helpful when building complex app layouts or working with multiple design elements.
In this video I help one of our members restructure a page using the Bubble new responsive engine and debug why a piece of text isn't showing up. Spoilers: the Bubble privacy rules need updating.
In this Bubble tutorial we build a simple product listing page using the Repeating Groups element. We explore how to add data to a Repeating Group element, how to style a Repeating Group and how to link the whole cell in a Repeating Group to a page displaying a single entry in our Bubble database.
In this Bubble.io tutorial video we demonstrate how and why you might choose to manually convert a Figma template into Bubble. This video explains padding, margins and explains the basics of CSS to help you get started.
In this Bubble.io tutorial we demonstrate the importance of using columns and rows (instead of Fixed layout) in the new Bubble Responsive engine. If you're a Bubble beginner this is a great video to start with as understanding these key concepts will save you lots of time as you build more pages into your no-code web app.
In this Bubble.io tutorial video, we explain how to quickly import a Figma template into Bubble.io and the reasons why you might decide to manually build the design instead.
In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.
In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.