Column
Discover how Bubble.io's Column feature empowers solopreneurs to create visually appealing and responsive no-code SaaS applications, allowing for flexible layout designs that adapt seamlessly across devices.

Creating a hero section for your web app page in Bubble.io
In this Bubble.io tutorial we demonstrate how to create a 2 column hero section using the new Bubble responsive engine. This tutorial video includes how to create a layout that has 2 columns with the text and image element.

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.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
.png)
How to add Google AI Gemini to Bubble.io
Discover the enormous potential and expand your app's capabilities with Gemini's unprecedented 1 million token context window! Imagine integrating up to 50 different sources, like PDFs and large text files, into your interactions seamlessly.

Web scraping with Page2API Premium Proxy
In this Bubble.io tutorial video we demonstrate how to use the Page2API API to web scrape content from a website by pretending the visitor is from a different country using Page2API's Premium Proxy.

Comparing Resend, Postmark & Loops - Email APIs for SaaS
We delve into the top email API providers for Bubble.io, exploring the features of Resend, Postmark, and Loops, to help you make an informed decision while building your app with no-code development.

The best navigation for one page Bubble app
Are you building a no-code one page Bubble app? How are you handling your navigation? In this Bubble tutorial video we'll explain why one page app navigation with custom states has limitations and how using Go to page... with URL parameters can improve your user experience.

How to add a YouTube video to your Bubble.io app using dynamic data
In this Bubble.io tutorial video we demonstrate how to add a YouTube video to your Bubble.io by storing the video ID in your database and filling in the Video element source with dynamic data.

Using truncate & split by to extract data from text
In this Bubble tutorial we demonstrate how text can be extracted and manipluated using truncate and split by in the Bubble app builder editor.