Margins & Padding

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.

Instruction to Responsive Engine & Privacy Rules in Bubble

Debugging the Responsive engine & Privacy Rules in Bubble

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.

Intro to Product listing page using Repeating Groups

Intro to Product listing page using Repeating Groups

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.

How to Build an NFT Marketplace Login with Figma & Bubble.io

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.

Introduction to using columns & rows in Bubble.io

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.

How to import Figma template into Bubble

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.

How to create a responsive header and dropdown menu bar

In this Bubble.io tutorial we demonstrate how to create a responsive header bar and dropdown sub menu for your Bubble app.

Import Figma Design Into Bubble

In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.

Start building a web app today

Join our community of no-code app builders. Learn Bubble from our Bubble tutorial library and schedule 1 to 1 calls with our Bubble experts.
Get started free
Bubble app builders creating their no-code Bubble apps with Bubble coaching
menu