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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a22708bfa14a4bd7b3e_56WuBI1Spek-HD.jpeg)
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.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1fbf9e180b5192f9a4_jWkp520qcAg-HD.jpeg)
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
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8a527779dc7320ff06_How-to-Fix-4.png)
Build Your Own No-Code Custom GPT
Learn how to build your own custom GPT with no-code, Bubble.io, and the OpenAI API in just 20 minutes! Capitalize on the power of no-code development and the ease of Bubble.io to customize AI for your unique business needs. Get started in the world of AI without needing extensive coding knowledge, making the process more accessible and cost-efficient. This video will guide you on how to streamline business operations, transform customer experiences, and tap into new revenue streams in the AI market, all with the power of no-code AI development.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3ef864d7bb3d6407f4_Receiving-inbound-SMS-into-your-Bubble.io-app.png)
Receiving inbound SMS into your Bubble.io app
In this Bubble.io tutorial we'll show you how to process and store SMS replies to your ClickSend SMS notifications. ClickSend is a great alternative to Twilio.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8a877d45c5e1bc190e_How-to-update-Font-Awesome-to-V6-in-Bubble.io_.png)
How to update Font Awesome to V6
The Bubble.io icon library is stuck with Font Awesome version 4 because V4 is not backwards compatibility with Font Awesome's most recent release version 6. In this Bubble tutorial video we demonstrate a work around that'll help you import the latest Font Awesome icons into Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a8cf4e63adecfc0dbdd_WEBHOOK.png)
Generate version specific webhook URLs
In this Bubble.io tutorial, we dive into the intricate world of webhooks in data processing for your Bubble app. If you're using a third-party service like AssemblyAI, a high-performing speech-to-text API, this video is a must-watch. We address a common issue where the webhook works perfectly in the development version but fails in the live version - a problem that can be easily solved with the right approach.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a46d4e7daa1a3c668cb_Using-JSON-safe-with-Bubble.io-and-the-OpenAI-API.png)
Using JSON-safe with Bubble.io and the OpenAI API
This Bubble tutorial is a follow up to our ChatGPT chatbot video where we demonatrated to how create a conversation with the OpenAI API using GPT-3.5-turbo. This videos demonstrates an improvement to our initial chatbot by using the Bubble.io text modifier :formatted as JSON-safe. This can solve many of your JSON syntax errors and OpenAI API errors by correctly escaping punctuation and formating your text input.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a255bf15a0fa66e0d9d_gFj8U4gHQ9I-HD.jpeg)
Responsive Engine: adding overlay icon in text Input V2
In this Bubble tutorial video we explore one way to adding a Font Awesome icon to your text Input fields.