Media Queries Using a Single CSS Stylesheet

This video demonstrates how to use a single CSS stylesheet to adjust the page layout based on the width of the screen.

[RachelD]

I swear I have been trying to figure this out since 12pm est, and I watched probably 20 different videos. It is now 8pm est and I finally was able to finish my homework all with the help of this video. I understand media queries so much better now. Thank you much! 

[derronbowman]

Wow. This is the first video on media queries that I could actually understand. Thank you!

[tce]

Straight forward and to the point. Nice explanation of RWD. Just wanted to add that with large projects, you don't want a humongous one page stylesheet. You should ideally have your main stylesheet targeting the device with the most views of your website/web app like a desktop, and have other css files like mobile.css, tablet.css to target mobile and tablet devices respectively. In those files, you would override certain desktop specific style declarations....

[savagereg]

Excellent organisation and very clear, concise and through presentation.

[ngoziize]

Thank you so much for your great step-by-step tutorial that is very clear to understand!!!

[dashbyictfd]

Nice and clear instruction, thanks for taking your time to do this.

[sayyedtarique]

thanks the video cleared a lot of my doubts.

[sureshundley]

thanx for good tutorial, now i got concept how to make RWD.

thanx a lot..

[rjreedy]

great video, thank you for taking the time to break it down.    Do you have a video going into more details with the column count?

[adnandawoodi]

Good, new thing learn about media query
i am not from web design

[dasten]

NICE!! exactly what I was looking for, thanks a lot!

[vuhoangnguyen]

i did not understand clear about the value of min-width and max-width in # wrapper. can someone explain more, thank you so much