The Complete Guide To Bubble Responsive Design (Flexbox 2022)
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.
Ready to start learning?
Get The Full Course
- On-demand access to course
- 12 full modules
- Step-by-step instructions to complete your build
Just $49
MOST POPULAR
Get Access To All Courses
- Unlimited access to ALL current & future clone courses
- Immediate access to 32 courses (222+ hours of content)
- 32 courses x $89 each = $2,848
Just $299
Throughout 11 course modules, you’ll learn the following core concepts:
- An overview of the new flexbox responsive engine
- Understanding best practices for page dimensions
- Understanding page layouts and container alignments
- How to position elements on a page in a responsive way
- When and how to use margins
- Using collapsible groups to create responsive page menus
- Building fully-responsive repeating groups
- Walkthrough: How to build a user login page from scratch
- Walkthrough: How to build an Instagram home page from scratch
- Walkthrough: How to build an Airbnb search results page from scratch
- Additional tips & insights to help on your Bubble journey
By the end of this course, you’ll have a complete understanding of Bubble’s new flexbox responsive engine. This will allow you to quickly design beautiful apps for your own startup, or even create fluid products for freelance clients.
Learn from an experienced Bubble developer & coach who has helped multiple founders build successful apps without code using Bubble.
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.
This course is built for:
- Anyone interested in creating fully-responsive applications with Bubble
- Anyone looking to extend their skills as a freelance Bubble developer
- Makers who want to extend their knowledge of Bubble’s no-code toolset
Requirements:
- A free Bubble account
- A basic understanding of Bubble, although I’ll walk you through everything is thorough detail.
Course content:
Section 1 – Upgrading to the flexbox engine
- Getting started with Bubble’s new flexbox design engine
Section 2 – Understanding page dimensions
- Learning best practices for setting page dimensions
Section 3 – Page layout & alignments
- Understanding the new page layout & container alignment settings
Section 4 – Adding elements to the page
- How to make new page elements responsive
Section 5 – Using margins
- Understanding when and how to use margins on elements
Section 6 – Collapsing groups for responsive menus
- Using collapsible groups to create responsive page menus
Section 7 – Repeating groups
- Building fully-responsive repeating groups for any device size
Section 8 – Walkthrough: Building a user login page
- How to build a user login page from scratch
Section 9 – Walkthrough: Building an Instagram home page
- How to build an Instagram home page feed from scratch
Section 10 – Walkthrough: Building an Airbnb search results page
- How to build an Airbnb search results page from scratch
Section 11 – Wrapping up
- Additional tips & insights to help on your Bubble journey
Get The Full Course
- On-demand access to course
- 12 full modules
- Step-by-step instructions to complete your build
Just $49
MOST POPULAR
Get Access To All Courses
- Unlimited access to ALL current & future clone courses
- Immediate access to 32 courses (222+ hours of content)
- 32 courses x $89 each = $2,848