Bubble Responsive Design Crash Course

[@pranavshirole1]

You're not just the best Bubble teacher, but the best teacher I have encountered. Thank you so much for your time!

[@mneary]

Dude thank you!

[@ronsoloplz]

Agreed!

[@wighatsuperreggie]

This is how a tutorial should be done. Someone needs to invent a medal for you.

[@phygitalplatform]

Bro you are the most undervalued tutor on youtube and I hope that you will get what you deserve soon! I watch your videos with my both youtube channels account to support you! Thank you for your time and efforts man sincerly I do!

[@nikschimmel]

This is a really great introduction into the responsive engine. Not only explaining the core concepts, but also showing the different settings and behaviours on easy examples + giving real world examples. It makes understanding everything far better and transferable to own projects. WELL DONE Matt! Keep going

[@mneary]

Thanks so much Niklas!

[@Iaintsayinnothin..]

Amazing comprehensive tutorial, I went from not really rating the responsive engine too highly (lack of know-how), to realising and understanding how powerful and easy it is to use, its the best page building experience I've had, you can really build whatever you want.

[@mneary]

I hated responsiveness before the new engine. But I'm so energized by how easy it is to build with the new one! Happy to have helped change your mind 🙂

[@XCmdr007]

AMAZING!!! Best tutorial on the new engine anywhere! Thank you Matt! 👏

[@mneary]

Thanks so much, glad it's been helpful :)

[@chedmoo1967]

Thanks Matt. I appreciate your basic approach as always. You are the best Bubble teacher that I have found. Keep up the good work!

[@mneary]

Thank you!

[@hnnhml]

you're so incredibly good at explaining and structuring your explanations. thank you soo much!!

[@visheshgupta4990]

Thank you so much really you explained everything very easily , I was little worried how to manage responsiveness in bubble , but your video is like a saviour for me , I see your first video and in your first video the value you provide is just amazing , You are one of the best teacher . Thanks once again . Subscribed

[@dmintz2]

Phenomenal! The best explanation I have seen of layouts of pages and boxes in bubble!

[@mneary]

Thanks Dan!

[@acamilop]

Thanks for the course. Lifesaver. I'm coming from Webflow and Bubble broke my brain.

[@adalberoncastellofilho3968]

The best information that I found it about bubble! Thanks for this type of information!

[@augustoayala5804]

It really worked for me after I look and try some tutorials, yours is the one that worked. Owe you a lot.

[@mneary]

Glad to hear it!

[@nickb3487]

Wow! what a great way to explain things. You have a gift. I wish all teachers were as articulate like you.

[@warrenstrife4818]

your bubble tutorials are the best man, concise yet thorough

[@samuelugbaka8692]

You got a like, a subscriber and a buzzer on from an old guy. TNice tutorials is the best soft soft tutorial I've seen so far. You covered a lot of

[@mneary]

Awesome, thank you!

[@kipyegonkurgat5615]

The Imagery and vivid explanations are just outta this world. Thanks, Matt you are so informed.I am out here to impress my clients now🤗🤗🤗🤗👍👍👍👍👍👍

[@alejandroversalli898]

You are amazing, this save a lot of headaches. You are an excellent teacher

[@mneary]

Glad to help :)

[@SianJon]

Clear. Concise. Great examples. Thanks Matt! I'll be signing up for your course. Keep the good stuff coming.

[@aysegulylmaz9909]

New video! Always like a holiday) You're my favorite view bot king

[@dmitrii3515]

Thank you Matt! 🙌 You're a great tutor! Been watching your lectures about Bubble for some time.

[@NiceGuyEntrepreneurs]

Loved the examples of how it is used at the end under conditional. That helps me understand and retain the information much better.

[@mneary]

Glad to hear it 👍

[@paulNocode]

God bless Matt, I was about to pay for a tutorial of same topic. You are the champ

[@mneary]

Cheers Paul 🙏

[@1000angelpan]

It Worked perfectly after trying other methods this one was the best one, Thanks.

[@mneary]

Great to hear!

[@JanEngel-fj1ul]

Thank you @Matt Neary for providing this content! Super helpful to understand the basics!

[@AntiGrindServices]

bro thanks so much, you actually made soft soft easy to understand

[@AndrewOnTestingCars]

Thank you very much Matt! you have been the best person I have come across to learn about Bubble and its best practices! massively grateful! Had found Bubble a bit confusing on the logic side but your videos brought me through, and rejuvenated my interest in Bubble and its legitimacy!

[@mneary]

So glad to hear it Andrew! It can indeed be difficult at the beginning but it's well worth it!

[@AndrewOnTestingCars]

@@mneary Thank you for your reply, Matt! I'm making a native mobile on bubble, do you have any tips for that? I've just started to convert it to a single-page app, then I will use bdk native to wrap it. Most important thing is that I will be able to use native push notifications.

[@andyillingworth2171]

Hey Matt, i just sent a client your way. Happy to see you're still killing it! ✌

[@mneary]

Yo! Thanks man! Would love to catch up :)

[@wolfik977]

Happy bubbling - it'so cute. Thank you very much, Matt. Good job! I agree with others - you're coolest teacher by no-code.

[@razor2k911]

This is exactly what I needed. Thank you, Matt!

[@learnandlive9546]

HELP! When i put a sample into the daw, the sample slides instead of moving in steps, how can i get the sample to move in steps?

[@tibuigerard1564]

Just something i realized during your lessons. In the lesson on 'stretch vs shrink modes', It's worth noting that items in a container don't automatically stretch vertically to fill to the container except the container is a column. They also get option to 'fit height to content' when parent container is a column. If parent container is a row, items will automatically shrink to their minimum height.

[@mneary]

Yeah, Bubble has set the default behaviour a little unintuitively IMO. Simpler would be if every element was by default in stretch mode (or shrink) regardless of it's parent container type.

[@levib2162]

Thank you for the video Matt. I'm building my MVP. Keep up the good work

[@mneary]

Glad to help!

[@philippmuller1667]

How does this video have so few views?!?! Amazing tutorial, thanks a lot for sharing this with us Matt.

[@mneary]

Cheers Philipp, my pleasure

[@neveriodev350]

Thank you sooo much, this is the best instructional video I've watched so far!

[@mneary]

Thank you!

[@businessacc179]

So @9:30. you created textboxes on top of the shapes, and it allowed you to select fixed for those groups. On mine, it automatically puts them in the row. I cannot select fixed for some elements and row for the whole page. Can you help?

[@inwantOfficial]

even on my weak computer the installation did not take much time, thank you very much

[@CSscron]

Nice tutorial, I'll test it right now!

[@ryzeonline]

This was excellent, impressive content, thank you.

[@c0989]

Excellent, really good tutorial and awesome clear presentation/ video editing. I have subscribed!

[@mneary]

Thanks Ben, glad it was helpful!

[@wighatsuperreggie]

I'm stuck at 8:41 Cmnd-D to duplicate the group. It's the same keyboard command as "add bookmark" in my browser, which is overriding that. I'm hitting copy/paste, but that isn't working. I don't see "duplicate" as a menu item. Is there another way? You also use duplicate when you add numbers to the boxes. It seems that bubble doesn't do copy/paste, or even option-drag. With out the Command-D what can you do apart from recreating the element each time (assuming you don't have a re-usable component... which I haven't learned yet)...

[@noemialamo1690]

Nice job man, seems like soft soft has gotten a lot more complex since the fruity loops days that I rember. Very helpful, thank you.

[@SebastianEljaiek]

Hey Matt, what an amazing video, I came to learn about sizing but at the end BOOM ! At 1:07:19 the Sign In box overlaps over the the image. HOWW !? I haven't been able to make stuff overlap. I had given up really

[@НиколайВершинин-к8х]

Thank you very much. It's a definitely a much better explanation of responsive design than that in the paid course I've bought at Udemy.

[@fatinestiakrajjo7378]

your courses are great but so underrated

[@mneary]

Thank you very much.

[@spinoff2011]

Great great content man!! Thanks a lot for your time teaching. Greetings from Colombia 🇨🇴

[@mneary]

Thanks Nicolas!

[@DelaPisafam]

Nice tutorial I just got the yamaha PSR E363 and I connected it as a midi controller however I can't figure out how to draw the notes with my

[@briggsy9768]

Fantastic video, thank you very much for making this valuable information easy to understand.

[@mneary]

My pleasure!

[@eilonlevi3927]

Hey! This video is very helpful. Anything changed since the new engine came by? Thanks

[@mortalman6408]

Superb content clear and concise thanks matt. It has indeed been helpful

[@mneary]

Great to hear!

[@diegovillafane6313]

Got a question, from the page container which is pacient zero, how should we set the layout, because using fixed layout to position a container with the mouse is deceiving because your page don't shrink or expand if it's fixed, so a fixed parent is useless in almost any case nowadays, few apps are desktop only. So what is the point in doing it? And how should I set the layout of the page container? Which is the most important.

[@TheNightsAreOver]

This was very informative thank you!

[@SWISSVERSE]

Excellent tutorial. Thank you.

[@elzoguarnieri3207]

Thanks Matt! Excellent. Still waiting for news on your new course.

[@mneary]

Thanks Elzo, it's just a few weeks away!

[@comercialvillavicencio5106]

Now tNice tutorials was truly an aweso video. I love your thorough style

[@mneary]

Glad you like them!

[@jennymelia]

Loved this video! Thank you🤩

[@Temitechy]

Absolutely great tutorial. Thank you!

[@mneary]

Glad it was helpful!

[@DanGameDev]

Phenomenal video - thank you!

[@sonamnorbu6068]

You know how to teach really well! Great tutorial 👍

[@mneary]

Thanks!

[@AditIrwan]

Hello Matt, I want to ask why I can not edit my containers layouts? the tab layouts on me "layout tab settings are only available on certains elements". I hope you reply, thanks

[@mneary]

Hey Irwan - what type of container are you trying to set the layout for?

[@AditIrwan]

@@mneary the group container, want to make my heropage responsive but it didn't go well

[@JamesDaly]

This is an incredible tutorial 👏

[@MarketingWithJeffCaldwell]

Thank you!! You taught me How to mobile design 🔥🔥

[@mneary]

Great to hear 💥

[@chlins]

Very good this tutorial (class), but very tiring, so much theory. Very easy to understand and remind in your head with real examples and not just squares. The class got much more exciting towards the end (1:03:44 - Conditional behavior), where we see real examples of use. In my opinion, a continuation tutorial is missing. If someone, after the theory, applies it to a landing page, header, login/logout, it is much easier to understand.

[@mneary]

Thanks Charles. You're right that it's a lot of theory - that's quite deliberate as I believe prodding around with the engine before trying to build something substantial is key to understand it. Definitely need to be using the editor alongside the video. But for sure, more practice (and tutorials) would be the next step, as you say. I'm putting these 'continuation' videos together in my bubble course (learnbubble.io/course) but will also have the odd piece of content here on YT.

[@JoBernard12oxen]

Hi Matt. Thank you for all your hard work and dedication. These videos are essential to an understanding of the Bubble platform. For some reason, put the grand child group into the child, made the child width 0 and in sliding the elements smaller the child AND the parent just performed as if the grandchild wasn't even there. I could see you did it, but I was clearly witnessing that even though I put the grandchild in the child element, when resized, it was ignored, and the parent and child went smaller. I've since erased it, but I double checked to make sure the grandchild was in fact "in" the child. Also, when you click on the parent in the Element tree and right click on the parent it gives you the option too hide the child elements. Thought that might have been useful in a couple places through the video. Outstanding video (as all of them are), and I look forward to learning more soon. Jo Bernard

[@mneary]

Thanks for the tip - indeed I can let the elements tree get out of hand! With what you described, if the grandchild has a min width then everything should have not collapsed completely. So either there was no min width, or your element heirarchy wasn't what you thought it was. Or it was a (rare) bug 🐛

[@JackBondy]

Hello, could you please translate this video with an audio track into French? And would it be possible to do this for all your videos? It would be great to be able to share your knowledge with people who don't speak English. Thank you very much for your work.

[@nikolavisnjic9799]

Found my Bubble teacher :)

[@---gachamiki---4245]

YOU ARE A GOD... NO QUESTION ABOUT IT

[@ruslanidrysov336]

You are awesome, man! Thanks!

[@devilevic]

What a great video, thank you so much!

[@united_mates_of_america]

Another great video! Thanks Matt!

[@mneary]

Glad you enjoyed!

[@КомилхонТемурхонов]

Bro, you're a great teacher and explainer! Thank you for tNice tutorials tutorial!

[@mneary]

Thank you very much

[@jjcc9909]

Bravo! Cheers, from Mexico, gracias

[@manuelcalvo]

Thank you for sharing this tutorial

[@mneary]

You’re welcome!

[@Babyland23]

Congratulations with 6k subscribers 🎉🇺🇦

[@mneary]

Thanks man, appreciate it 🙏

[@adityandradp]

help, I'm definitely starting to get the hang of it. Just thought I'd share.

[@gabrielaberon5383]

Respect to your good work, thanks a lot

[@mneary]

You're very welcome

[@loanjoliveau4254]

Hi! This was a great video, learned tons of useful resources. Would you mind sharing a link that would perhaps be view-only to the application you presented in the video? Thanks again!

[@mneary]

Hey which app? There are a few different examples I show in the video

[@mihai62834]

I still can't figure out a certain detail - how much a container (group) can hold? if I multiply a child so many times, beyond the "capacity" of the parent container / group (given by fixed set width/height) there is nothing stopping you, you can do that indefinitely; the editor will show the excess children outside the borders of the container but the elements tree confirms that all the children are "registered" inside the container... This is at least strange... Thank you!

[@naghmehsalimi2991]

I can't afforded soft soft. what alternative can I get?

[@classicCyber]

Matt, you're fantastic. When i make a million $ with my future app, i'll certainly sponsor you 🙂

[@azizebennacer2021]

THANKS BRO, SO HELPFUL

[@Megasoccerlord]

Incredible content, thanks!

[@amilliaayu9871]

Thanks... it's working... Good Job...!

[@yassinehzami1670]

I was surprised how understandable tNice tutorials tutorial is, thanks!

[@yasminvaldelamar3866]

Thank you, it works perfect!

[@mneary]

Great to hear!

[@martinlenweiter7597]

Excellent video ! :)

[@KipkuruiClement-bi7qo]

GREAT TEACHER

[@davyS4v]

how can i insert ads (eg admob or unity ads or fb ads) in my web app?

[@mneary]

You can use the HTML element and paste the ad code Google provides (see support.google.com/adsense/answer/9190028)

[@ibrahimgamal6774]

Hi Matt, I love your tutorials so much, can you make a video on how to make a good UI design on bubble using Figma or any other tool? Because I don't know how mske user interface on bubble, thanks alot.

[@mneary]

Hey Ibrahim, yeah I've been thinking about creating a video on that. I'll add it to my list!

[@ibrahimgamal6774]

@@mneary Thanks alot Matt, I watched a lot of people teaching bubble tutorial, but you're the best tbh 👌

[@osagieohunyan1778]

Nice one thanks for this.

[@lonjezodzilankhulani6510]

Reverse margin. Cool term!

[@KarlilAmisial]

Thanks so much. Pretty good video

[@mneary]

Thanks Karlil

[@Eazihustler]

Nice one Bro.

[@dmintz2]

Thanks!

[@mapulandlanyana8466]

Nice im starting to make so simple soft soft how about you?

[@macads6919]

Nice work

[@imamraza3962]

hey can u pls upload the video on new responsive engine

[@nickwalton9330]

LOS describes the web Box Model pretty well.

[@promisedknowledgeuniversit4645]

merci pour le tuto

[@chrischapman214]

Thank you!