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!

[@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!

[@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!

[@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 🙂

[@wighatsuperreggie]

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

[@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!!

[@XCmdr007]

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

[@mneary]

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

[@dmintz2]

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

[@mneary]

Thanks Dan!

[@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

[@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!

[@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!

[@aysegulylmaz9909]

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

[@adalberoncastellofilho3968]

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

[@alejandroversalli898]

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

[@mneary]

Glad to help :)

[@warrenstrife4818]

your bubble tutorials are the best man, concise yet thorough

[@nickb3487]

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

[@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 👍

[@acamilop]

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

[@1000angelpan]

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

[@mneary]

Great to hear!

[@SianJon]

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

[@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 :)

[@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

[@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

[@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.

[@AntiGrindServices]

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

[@paulnocode]

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

[@mneary]

Cheers Paul 🙏

[@dmitrii3515]

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

[@JanEngel-fj1ul]

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

[@wolfik977]

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

[@c0989]

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

[@mneary]

Thanks Ben, glad it was helpful!

[@levib2162]

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

[@mneary]

Glad to help!

[@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.

[@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🤗🤗🤗🤗👍👍👍👍👍👍

[@acamilop]

Thanks!

[@neveriodev350]

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

[@mneary]

Thank you!

[@fatinestiakrajjo7378]

your courses are great but so underrated

[@mneary]

Thank you very much.

[@CSscron]

Nice tutorial, I'll test it right now!

[@razor2k911]

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

[@spinoff2011]

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

[@mneary]

Thanks Nicolas!

[@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.

[@lyricistlockbox]

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

[@mneary]

My pleasure!

[@comercialvillavicencio5106]

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

[@mneary]

Glad you like them!

[@mortalman6408]

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

[@mneary]

Great to hear!

[@ryzeonline]

This was excellent, impressive content, thank you.

[@TheNightsAreOver]

This was very informative thank you!

[@elzoguarnieri3207]

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

[@mneary]

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

[@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.

[@НиколайВершинин-к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.

[@inwantOfficial]

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

[@Temitechy]

Absolutely great tutorial. Thank you!

[@mneary]

Glad it was helpful!

[@nikolavisnjic9799]

Found my Bubble teacher :)

[@sonamnorbu6068]

You know how to teach really well! Great tutorial 👍

[@mneary]

Thanks!

[@alldatruckus]

Amazing tutorial ! Thank you

[@mneary]

Thanks and you're welcome!

[@jennymelia]

Loved this video! Thank you🤩

[@DanGameDev]

Phenomenal video - thank you!

[@manuelcalvo]

Thank you for sharing this tutorial

[@mneary]

You’re welcome!

[@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 🐛

[@jjcc9909]

Bravo! Cheers, from Mexico, gracias

[@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?

[@Babyland23]

Congratulations with 6k subscribers 🎉🇺🇦

[@mneary]

Thanks man, appreciate it 🙏

[@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

[@ruslanidrysov336]

You are awesome, man! Thanks!

[@gabrielaberon5383]

Respect to your good work, thanks a lot

[@mneary]

You're very welcome

[@devilevic]

What a great video, thank you so much!

[@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)...

[@MarketingWithJeffCaldwell]

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

[@mneary]

Great to hear 💥

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

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

[@mneary]

Thank you very much

[@united_mates_of_america]

Another great video! Thanks Matt!

[@mneary]

Glad you enjoyed!

[@yasminvaldelamar3866]

Thank you, it works perfect!

[@mneary]

Great to hear!

[@---gachamiki---4245]

YOU ARE A GOD... NO QUESTION ABOUT IT

[@azizebennacer2021]

THANKS BRO, SO HELPFUL

[@JamesDaly]

This is an incredible tutorial 👏

[@martinlenweiter7597]

Excellent video ! :)

[@khalidbinebnewalid9701]

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

[@mneary]

Thank you!

[@KarlilAmisial]

Thanks so much. Pretty good video

[@mneary]

Thanks Karlil

[@Megasoccerlord]

Incredible content, thanks!

[@adityandradp]

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

[@classicCyber]

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

[@osagieohunyan1778]

Nice one thanks for this.

[@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.

[@Eazihustler]

Nice one Bro.

[@yassinehzami1670]

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

[@KipkuruiClement-bi7qo]

GREAT TEACHER

[@eilonlevi3927]

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

[@promisedknowledgeuniversit4645]

merci pour le tuto

[@macads6919]

Nice work

[@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?

[@chrischapman214]

Thank you!

[@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 👌

[@lonjezodzilankhulani6510]

Reverse margin. Cool term!

[@imamraza3962]

hey can u pls upload the video on new responsive engine

[@naghmehsalimi2991]

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

[@Tom_Mos]

Thanks Matt!

[@mneary]

You're welcome Tomas!

[@kallmer]

awesome man

[@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.

[@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

[@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

[@midlajmc9231]

It's just awesome

[@bizanuralam8458]

thanks helpful vid