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/66670a6423d13d8846abddbf_Table-Alternate-row-backgrounds-1.png)
Bubble Table Element - Alternating Row Background Color
In this Bubble tutorial we demonstrate the new Bubble Table Element and show how you can easily add alternating row background colors to the Table Element in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5dbcc92941db6f8d10_ChatGPT-Alternative-1.png)
Alternative to OpenAI ChatGPT - Claude 2
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5c9f4fd27c91a3e75b_3Jr7Rolk5Qk-HD.jpeg)
How to add Font Awesome icons to sidebar in Bubble
In this Bubble tutorial we demonstrate a neat trick using Font Awesome to show icons within your Option Set values.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2f2aa092a9392ca339_How-to-add-AI-text-generation-to-a-Bubble-app-OpenAI.png)
How to add AI text generation to a Bubble app - OpenAI
In this Bubble tutorial we demonstrate how to generate AI text from a prompt and display the generated text in your Bubble app. This video will show you how to use the OpenAI API without the need for a plugin using the Bubble API connector.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa26a59ec6f45543a5b_How-to-summarise-a-whole-conversation-with-AI-in-Bubble.io_.png)
How to summarise a whole conversation with AI in Bubble.io
Learn how to add a "summarize" button and generate a conversation summary using OpenAI API in your Bubble.io chat application. This quick tip will help you present condensed information to your users with ease, making your no-code development process even more efficient.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a834081e07c42eac9d3_Google-Search-Results-Scraped-Part-2.png)
Web Scraping Google Search Results in Bubble.io - Part 2
Part 2 of our SEO and Google Search web scraping series using the Serper.dev API. In this Bubble tutorial video we demonstrate how to use backend workflows to save each search result as a new record in your Bubble app's database.