Margins & Padding
Discover how Bubble.io's Margins & Padding feature empowers solopreneurs to create visually stunning no code SaaS applications, allowing precise control over element spacing and layout without writing a single line of code.

Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.

How to create a consistent margin around page content using Groups
In this Bubble.io tutorial video we demonstrate how to achieve a consistent and clean layout with a 20 pixel margin surrounding the inner content of your page in the Bubble editor.

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.

Repeating Group Bubble.io design tips
In this Bubble tutorial we demonstrate our top tips for designing great looking repeating groups in your Bubble app.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code

How to change OpenAI temperature with Bubble API Connector
In this Bubble tutorial we explain how to add extra parameters to your OpenAI call such as temperature.

How to create a Zoom clone with Bubble & Daily.co
In this Bubble.io tutorial video we demonstrate how to create a nocode Zoom clone using Bubble.io and Daily.co

Build your own nocode CRM with Bubble.io – Part 2
In this no-code development video we begin tutorial series demonstrating how you can build your own custom CRM with Bubble.io - all without writing a single line of code. Bubble.io is a powerful nocode web app creation platform. Watch to discover how to create a dashboard layout with a floating/sticky sidebar.

Turn BOOK HIGHLIGHTS into VIRAL Social Posts with AI and Relay app!
Discover how to transform your favorite book and podcast highlights into engaging social media posts with ease! Learn a unique five-step workflow using the Relay app that allows you to gather highlights from different sources like books and podcasts, and turn them into captivating content for your social media profiles. Key insights include integrating Read Wise for organizing your highlights, utilizing the Snipped app for podcast snippets, and executing a manual approval process to maintain your voice. This video guides you through automating your content creation while ensuring quality and personalization like never before.

How to use a reusable element and why you should
In this Bubble.io tutorial we demonstrate how to create a reusable element in a Bubble app and explain the benefits of using reusuable elements wherever possible.

Create a responsive homepage hero section in Bubble
In this Bubble tutorial video we demonstrate who to create a responsive hero section in your Bubble app.