Container layout

Get started with Bubble by learning responsive web design. Learn to love columns and rows.

Build a ChatGPT clone in 30 mins with Bubble.io

Build a ChatGPT clone in 30 mins with Bubble.io

Anyone can build a ChatGPT clone using the no-code web app building platform Bubble.io. This 30 minute video shows you everything you need to know to create a your own ChatGPT clone including how to create a simple Bubble.io app, how to connect with the OpenAI API and how to correctly format your messages for historical message awareness with your AI conversations.

Creating a sidebar with mobile menu in Bubble.io

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.

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.

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.

crossmenu