I searched the entire internet trying to find the perfect explanation for responsive websites thinking you didn't have one. AND I LANDED HERE AGAIN! You posted this like 5 years ago damn! You, Quentin, are the best teacher with the most simplified and logical explanation. Thank you thank you thank you!
Absolutely Fantastic. From a guy who has had a ton of instructors, you are top 5. Clear, sharp, correct, and great. Thank you. past few weeks studying CSS Gris, Flexbox, Responsive design. I had a few questions. So, I says to meself, I look up Responsive CSS. OK, I find your RU-vid instruct video. Ties everything in a nice neat bow. Thanks again, you sir, are the best.
Very good tutorial! I just have a little hint concerning the scaling of pictures: img{width:100%} means that every image will be stretched to the whole screen, even if the original size is smaller. IMHO img{max-width:100%} works better and is scaling down only.
+Quentin Watt Hey if you would have time to respond to my question i would be more than greatful! :) So you know the way you put @media screen and(max-width:960px) or similar do you have to put in the exact same text? I have tried expirment with it but i have to have all of the text in one with that i mean this media and screen thingy. I was just wondering if its possible to put in something else? or a smaller text?
Excellent! I asked my teacher what to do about testing/designing for smart phones. I found this video the very next day ☺️ Squeak all you want. I'm all ears.
I was totally and utterly stuck with making my website responsive. I followed your tutorial and it worked!! Can't thank you enough. Assignment due in tomorrow!!!
Hi Quentin.... Yours are the best of all tutorials I have come across on the net. I am quite a beginner with an Art Background. I am able to understand every point and see them working perfectly making me very confident that I too can create a website. Appreciate your philanthropic nature.
Finally! Someone who can explain coding in a way complete novices like me can understand, thanks Quentin. All I have to do now is figure out how to apply this to my site!!!
Excellent tutorial. In my view Quentin is among the top best web development tutors on RU-vid. Gives out his best knowledge without reservation. As a matter of fact, I cannot agree more with other commentators that say he is perfect.
Jose R I agree, honestly I've never had a better teacher! And when I say awesome I mean it. Awesome work with the video, in my opinion you deserve more then 1mn likes, how dare 100 pepole dislike this video?!
You are the only one that I was able to follow and do exactly what you demonstrate. You are a very good teacher you make it very simple. Thank you for taking the time out to do theses video "I find them very helpful".
Hi, Quentin, Your videos on HMTL5 & CSS3 helped me a lot so far. I'm going for IT Web & Software developer, and your videos were and are extremely helpful to me. More than Murach's book. I would like to thank you for your generosity in sharing your knowledge with us. I have to admit. I download all your videos and keep them as a bible for this subjects. Thank you man! You're awesome!
Very well done. Just the right amount of information, sizing details, and concepts to enable one to begin playing around, even as display and device sizes change over time...
I must say....!! you're seriously a very good instructor and a teacher...i really loved the way you explained...and i understood every part of it...and because i'm a newbie in website designing...i really got to learn so much ...thanks buddy...!! :)
These days phones can have resolutions up to 2560px x 1440px (larger than most computer monitors). Would this method still be applicable to these types of devices?
Conceptual, but not useful... Will be great to do tutorial on real site as landing page and response it from start to end with note as many conditions.
Thank you Quentin, the best tutorial on responsive web design so far. Just in an hour I had a very well working web site, and a template for many more. I need to check out more of your videos.
Thanks for showing how simple this is. I have a website that needs to be converted to responsive but have been too overwhelmed and afraid to begin. No fear now. I can do this. I have some planning to do in how to display a couple of pages that have a table with 8 columns but no problem... seems like fun. Must look at your other videos for ideas. Thanks again.
Thank you so much Quentin. You really helped me because I was confused how to make a website responsive and you gave me the exact answer I needed within short amount of time. I can't thank you enough.
Great tutorial, I recommend it to start with css3 resp design and media queries. In fact, later today I will start adapting a site to be responsive thanks to this very clear explanation.
You are great, though I sometimes try to figure out the these rules by myself, this is the first time that I understand the logic behind it. Thank you.
Stunning how that works.. and it works very well. Thanks Quentin for the 'easy to learn and follow' lesson. I couldn't find the source code so I typed it from the video AND I subscribed.. I want more!
Thanks for letting me know about Audience Retention. I used to download the videos since I have to refer back to it. But from now, I'll make sure I watch it on RU-vid. :) You deserve it, bro.
Awesome lesson given ever..Even the beginners could easily understand this video!! Hats of yu Quentin.. Hope this video makes everyone a good web developer...
Hey, a good trick is to use DPI in media queries, now that a lot of smartphones are coming wigh high-res screens, and that kind of mess our use of resolution. Great tutorial btw, clear and precise.
Quentin, forgive me for coming so late to the party but I'm a retired education technologist and assumed I would no longer be dealing with recoding websites to be responsive to different-sized devices. However, a non-profit for whom I once developed a website over 12 years ago has pressured me to rewrite the website so it can now be viewed on today's smaller mobile devices. Your tutorial has been very helpful and I commend you for your clear instructions. However, I'm having a little trouble getting the secondary media screens to alter display for the much smaller devices to work properly. In your example for the media query designed for a device with a maximum width of 640px, you only copied the CSS for the columns that you wished to display below each other into that media query. On a more complex web page where there are multi-column s both above and below the targeted columns, is it necessary to include all multi-column in that media query to get it to work correctly? Do you have any more tutorials on responsive design that address issues with dynamically constructed content using PHP scripts?
Shit man , why I didn't know you till now??? Your way of explaining is simply superb. If you explain like this one can easily learn complicated things with keen interest and it's very easy to understand too.
i have seen lot of tutorial with various language but your tutorial is seems to me very useful to understand. i wana salute you once again! and also have to say...love you broooo...
Quentin, Once again I want to thank you. A year ago, I felt I was facing a major uphill climb, since I had 3 websites to convert to mobile-friendly designs. Then I watched your video, and within days, I was already putting 1 of the 3 together using your template. Within a few months, I had both my book site (mentalpushups.com) and my film site (theviewfromheredoc.com) completed. It took me a lot longer for my main music website, daveelder.com, because that site has a lot more pages, but I finally got it done back in mid-December, and I feel like your video made it all possible. Thank you, thank you, THANK YOU! -Dave
Badass, thanks so much!! Your explanation was super easy to follow and understand. You explain what each part does and how it works which help tremendously. Thanks so much! subscribes!