Responsive vs. Fluid vs. Adaptive Design

Join my Webflow Wizards Community

Try Webflow using my affiliate link below.

[teabeat]

Give this man his min. 1million subscriber. His content is more than worth it and is always on point. Love it!

[UzzalBhowmik-bw]

*Man, loved the video. I'd really appreciate knowing the font you're using. It looks really cool*

[cya]

Thank you. This one a first video I watched on your channel. I saw it in recommendation after I tried to find out the difference between design methods a week ago 😉

[IkevanGerven]

The real Mister T online... love your great work!

[diegoamendoza]

This is such a great video, nice way to explain concepts in a simple style and easy to digest. Awesome work.

[alexakten]

Immense value! Straight to the point, quick and easy to understand, just wow! Instant sub from me, keep it up man!

[ShuangyiHu]

Love this video, absolutely to the point

[dude]

I like the innovative wizardry technique and I'm capable of handling it. Learned it from you a couple of months ago. However I found it it's really not necessary. Yea it looks good, when you adjust the screen size in webflow fluidly but that won't even be noticed by consumers cause they have one fixed screen size (or maybe two, mobile and desktop). So classic pixel based design with 5 breakpoints (large desktops, laptops, tablets and the two mobile) works totally fine.

[PetersonBlanc]

this is a great video, now I am curious as to know it for myself, while I am not yet a developer by trade, I ask if there is easily added code that makes a site one design over the other. Or even better, combines them? Not sure if the Wizardy video goes over just this but it would be great to see a video that details universal code that provides the designer that much control. Lastly, is there a way that even when looking at a template that one can easily tell which design is which based on easily identifiable features?

[samuelmoder]

Hi, this method work only for web flow development? or Can I use this por develop with other frameworks?

[chaitanyavamsi]

is there a combination of responsive layout and adaptive design say for example the site itself is responsive on a higher level but the components/assets vary with each breaking point...say the site is responsive on a higher level/works like adaptive for 3 primary break points web, tablet, mobile/ again the site is responsive in between those 3 individual breakpoints/ say it breaks into mobile view, the components are now optimised for mobile version just like adaptive design but the site behaves responsive in-order to scale for all the mobile sizes....so the point is to avoid designing for 6 breakpoints when going with adaptive design but instead design for only 3 breakpoints making it a combination of responsive and adaptive design...is it possible? I couldn't put together my doubt properly, but if you understood this...can you please answer this?

[elrikhanson]

Curious what app or plugin is being used too display these different width in the vid. Has a nice clean presentation I'd like to use for showing my clients how their website behaves at different sizes!

[rubenmedios]

Excelent video, i like it! I have a question...what's the url for the first site?

[hardikchosla]

fluid Design possible with a Elementor page Builder. (WordPress)

[chaitanyavamsi]

Hey does using a combination of adaptive and responsive design impact the load speeds because one of the primary reasons for using adaptive design is to increase the load speed of the site

[vladimirpetroski]

A combination of min and max width for fonts

[CaptainKaslana]

Good explanation WITH examples?? It should not have been this hard to finally find something useful.