The Complete Guide To Bubble Responsive Design (Flexbox 2022)

13 Lessons

Buy now

1. Course overview

Reviewing the course content.

1. Course overview

2. Upgrading to the flexbox engine

Getting started with Bubble's new flexbox design engine.

2. Upgrading to flexbox engine

3. Understanding page dimensions

Learning best practices for setting page dimensions.

3. Page dimensions

4. Page layout & alignments

Understanding the new page layout & container alignment settings.

4. Page layout & allignment

5. Adding elements to the page

How to make new page elements responsive.

5. Adding page elements

6. Using margins

Understanding when and how to use margins on elements.

6. Margins

7. Collapsing groups for responsive menus

Using collapsible groups to create responsive page menus.

7. Collapsible groups & menus

8. Repeating groups

Building fully-responsive repeating groups for any device size.

8. Repeating groups

9. Walkthrough: Building a user login page

How to build a user login page from scratch

9. Walkthrough - Login page

10. Walkthrough: Building an Instagram home page

How to build an Instagram home page feed from scratch.

10. Walkthrough - Instagram home page

11. Walkthrough: Building an Airbnb search results page

How to build an Airbnb search results page from scratch.

11. Walkthrough - Airbnb search results

12. Wrapping up

Completing the course.

12. Finishing up