Understanding Responsive Web Design

Watch toddle Co-Founder Andreas Møller explain how you can create responsive designs in toddle.

00:00 Introduction and Setup
01:25 Fixing a design
02:14 Using dynamic units
05:07 Flex wrap
06:52 Min/max width
11:00 Flex
13:18 Fit-content
20:06 Fixing the title
22:40 Viewport units
25:57 Media queries
29:10 Why toddle does not automatically set breakpoints
31:57 Outro

The video takes you through how to build responsive web designs in toddle. It takes you through some of the most useful tools for making your apps look great on any screen size and dives into how to think about responsive web design.

What is toddle? ¯\_(ツ)_/¯
toddle is an open-source visual development platform for professional dev teams. It's built on battle-proven concepts from major code frameworks like Angular, Vue, and React, with the same capabilities and performance. Yes, really.

By the way. We built toddle in toddle 🤯

[Incrediblysimplestudios]

I just finished the iTunes search app and struggled with responsiveness as a webflow guy. Thanks for dropping this

[armand]

Good stuff! Bonus points for thumbnail 😂

[thepollenjock]

Another fantastic video, Andreas. Looking forward to applying some of the things learned here. 🤘🏻

[bankoledada]

this seems to work differently with iframes... can you help explain how to make it work

[vystorm]

I've got a legitimate question this time 😂 messing with the AI aside, I do like the looks of this platform, but do you have any intention of leveraging what you've made to create apk builds at some point, or is that outside of your scope? I do think toddle looks honestly quite compelling for website creation, however I personally only care about mobile app development and am not interested in web apps for android. If this isn't in the cards, is there a platform that offers this you recommend? I've tried a few but all left a lot to be desired