Back to Browse

The Complete Guide To Bubble Responsive Design (Flexbox 2024)

41.3K views
Feb 10, 2022
1:37:58

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/complete-guide-bubble-responsive-design-flexbox-2022/ --- 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

Download

1 formats

Video Formats

360pmp4162.7 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

The Complete Guide To Bubble Responsive Design (Flexbox 2024) | NatokHD