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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1633abeda05b51a304_thumbnail_a6759fc1.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8b27378b1ad29f12db_Consistent-margin.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1a53b7aa6f742e0ee8_5.png)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7a911d56c45c536404_Design-Tips.png)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/666996d72b349562f688b66c_Building-a-Custom-Dropdowns-in-Bubble.png)
Building a Custom Dropdowns in Bubble
Learn how to create a custom dropdown in Bubble.io without any code in this tutorial video. See how you can include elements like profile images and contact names for a seamless user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4ea851f26194dd37f5_Tracking-counting-limiting-user-actions-when-using-Bubble-with-ChatGPT-or-OpenAI.png)
Tracking, counting & limiting user actions when using Bubble with ChatGPT or OpenAI
In this Bubble tutorial we demonstrate how to track how many times a user runs a workflow and then how to limit the number of times a user can run that workflow each month. This will be very useful to anyone building an app using a costly third party API such as OpenAI & ChatGPT.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66b370f22980ad3755b548fd_Emily%27s%20Thumbnails%20NEW.png)
Looping through with Javascript in Bubble Backend Workflow
How to loop through a complex math equation in a backend workflow where you can't use Math.js
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2299da3c31fcb275bd_BdZATkM5InU-HD.jpeg)
Using Custom States to Store the Last Viewed Page When Refresh
In this Bubble.io tutorial video we demonstrate how to convert a menu that uses Custom States to hide and show parts of your page to a menu that uses a User database field. We explain the advantages of saving the current view to the User to maintain a consistent user experience.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4c877d45c5e1bbfde3_How-to-Fuzzy-Search-non-text-fields-in-Bubble.io_.png)
How to Fuzzy Search non-text fields in Bubble.io
In the Bubble tutorial we demonstrate how to use the Fuzzy Search & Autocomplete plugin by Zeroqode to search fields that ARE NOT text fields. This quick workaround makes use of Database Triggers to keep your database in sync.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a85a11500922c93803c_openai-text-to-speech.png)
How to add OpenAI Text to Speech to your Bubble app
In this Bubble.io tutorial we demonstrate how to convert text to speech in your Bubble app using the OpenAI Text-to-Speech API including how to autoplay the speech as soon as OpenAI returns the MP3 file.