Row
Discover how Bubble.io's Row feature empowers solopreneurs to create visually appealing and responsive layouts in their no code SaaS applications, streamlining the design process and enhancing user experience without writing a single line of code.
![](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/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/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/66670a76ecad6db8bea6cf87_Color-Picker.png)
Bubble.io Color Picker, RGBA and Hex Color
In this Bubble tutorial video we demonstrate how you can use a color picker to allow your Bubble app users to set their own colors through your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a83508a5a63788df52b_Google-Search-Results-Scraped-Part-1.png)
Web Scraping Google Search Results in Bubble.io - Part 1
Web scraping Google search results is easy with the Serper.dev API. In this Bubble.io tutorial we demonstrate how to use the Serper.dev API to fetch Google Search results into your Bubble app. A must for anyone building an SEO focussed SaaS app with Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a55f4e63adecfc0bca7_Missing-Elements.jpeg)
How to use the Bubble.io debugger to find missing elements
In this Bubble.io tutorial we demonstrate how to use the Bubble Debugger bar to debug why an element is not visible when it should be. First we check the page element on the Bubble app page with the Inspect tool and element search, then we run our Workflow using Step by Step.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4d31640e1239a27c71_How-to-import-CSV-data-into-a-Bubble-app.png)
2 Ways to Bubble CSV Upload
In this Bubble.io tutorial we'll show you two ways you can upload and import CSV data into your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a79da154481f26b604c_Send-data-from-Bubble-to-Zapier.png)
How to send data from Bubble.io to Zapier
In this Bubble tutorial we explain how to send data from your Bubble app to Zapier. Zapier can help you to integrate in with 1000s of other web services, but we always recommend checking if the service has a well documented public API as you may be able to connect directly from the Bubble API Connector - saving money off a Zapier account.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a5f765e19d3d80dc43f_How-to-create-a-ChatGPT-app-with-no-code-using-Bubble.io_.png)
How to send 1 database entry to a new page
In this Bubble tutorial we'll demonstrate how to take one entry in your Bubble database from a list of entries and link through to a page all about that one entry. Very useful if you are building a nocode marketplace with Bubble.