The Complete Guide To Bubble Responsive Design (Flexbox 2024)

In this video, you’ll learn how to master Bubble’s new flexbox responsive design engine.

This course covers everything you need to know about building fully-responsive applications across any user device. Whether you’re building an app for mobile or desktop, you’ll learn the core concepts and best practices to bring your vision to life.

From understanding page layouts, container alignments, margins, collapsible groups, and responsive repeating groups - my full course covers everything you need to master responsive design in Bubble.

---

Interested in the full course?

If you'd like to uncover the full tutorial, you can purchase the complete course here, or even buy lifetime access to all my content: https://buildingwithbubble.com/comple...

---

About me:

In 2020, I worked directly with the Bubble team to write their 'How-to build' blog series. Each installment shared written instructions on how to recreate popular products using their no-code tool. To simplify the building process, I've created my own video series to help guide you in a more engaging way.

Note: This video series has no direct affiliation with Bubble themselves. This is something I've created on my own.

---

Timeline:
00:00 - Product demo
00:35 - Intro to Bubble responsive design
02:53 - Upgrading to the flexbox design engine
12:40 - Recommended page dimensions
19:51 - Page layout & container alignments
43:11 - Adding elements to the page
1:07:03 - Using margins
1:36:30 - Additional insights