STOP BREAKING Your Bubble Layout – Master Responsive Design

Hi there, I’m Petter Amlie- founder of Amlie Solutions👋🏼 In this video, we’ll cover Bubble's responsive engine and all the different responsive settings. And yes – I'm going all out with analogies and over-the-top editing. What can I say? It's how my brain works, and I'm having way too much fun creating these videos 😄 Let me know what you think in the comments Also yes, I'm using a new camera, learning by doing, and so brightness and colors are jumping all over the place. Sorry about that 😅 for those who are interested, I've switched from the Sony ZV-E10 (which is a terrible camera for 4K video) to the Canon R6 Mark 2, which is a dream to work with. ▶︎ Timestamps 0:00 - Introduction 0:33 - The Last Video (the Structure Layer) 2:00 – The Layout Layer 2:22 – Introduction to Layout Properties 2:35 – CONTAINER LAYOUT SETTINGS 2:53 – Fixed Layout 3:43 – Align to Parent 4:20 – Column Layout 4:49 – Row Layout 5:06 – Combining Group to Change Layout Style 5:20 – CONTAINER ALIGNMENT AND SPACING 5:23 – Container Alignment Properties 5:32 – Space Around and Space Between 6:18 – ELEMENT LAYOUT SETTINGS 6:40 – Element Size 8:10 – Padding and Margins 9:51 – Element Alignment 10:37 – Overflow 11:29 – Outro/ The Next Video ▶︎ USEFUL LINKS & RESOURCES 🚀 The Bubble User Manual: https://manual.bubble.io/help-guides/design/responsive-design 🚀 My Website: https://www.amliesolutions.com/ 🚀 My Bubble.io ebooks: https://amliesolutions.gumroad.com/ ▶︎ CONNECT WITH ME https://x.com/AmlieSolutions https://www.linkedin.com/in/petteramlie/ https://www.facebook.com/AmlieSolutions ▶︎ SHARE YOUR QUESTIONS Have questions or ideas for future videos? Leave a comment below, or reach out to us directly at [email protected].