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

QR Code Generator in a Bubble
In this Bubble tutorial video we demonstrate how to generate a QR code within your Bubble app. We use the 'Barcode & QR Code Generator' plugin from the Bubble plugin directory to add a QR code to data in our database using that data's Bubble unique ID.

Creating a sidebar with mobile menu in Bubble.io
This Bubble.io tutorial demonstrates how to layout a dashboard app that has a left sidebar with a mobile menu in Bubble. This video explores how to show and hide elements as the page width changes.

Language Switcher in Bubble.io without Weglot
Learn how to easily add a language switcher to your Bubble.io app without the need for third-party services like Weglot, using the built-in language capabilities of Bubble.

SPEED UP Your Workflow with this Bubble.io Multi Step Forms Hack!
You'll explore techniques to set up conditional logic, manage submissions, and more, all while saving time and effort. Gain insights on how these powerful tools can elevate your projects and boost your productivity.

Bubble.io Table Element Pagination with Numbers
In this Bubble tutorial we expand upon our last video tutorial explaining how to add pagination to the Bubble table element. This Bubble tutorial demonstrates how to add a number for the current page and total number of pages.

How to import a Figma design into Bubble step by step guide
In this Bubble.io tutorial video we demonstrate how to work with Figma and Bubble.io and the new responsive engine.