HTML & CSS Crash Course Tutorial #10 - Intro to Media Queries

Hey gang, in this CSS tutorial I'll give you a quick introduction to the concept of responsive design and media queries. We'll use those to make our Mario web page look nice on mobile devices.

MASSIVE THANKS to my latest channel supporters / members...

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🐱‍💻 🐱‍💻 Other Related Courses:

[dot]

<meta name="viewport" content="width=device-width, initial-scale=1.0">

[TheDesignCreative]

For anyone reading this in the future who is learning about media queries. I would highly, highly recommend when you are starting to css up your HTML to start from mobile first and then code upwards instead of coding from desktop to mobile. It really helps, and i find I write less code

[aryanchauhan]

Thank you very much, sir, you have taught me so much in a single day, I have completed all of these tutorials today itself.

[boneykingofsomewhere]

I've learned a lot in this episode alone, these tutorials have been fantastic! well paced and well explained. Hands down the best tutorials on web development i've seen and i've look all over YT.
Thanks for these Shaun.

[Angela-lpzw]

You're great at engaging your audience. Some online instructors sound bored when they teach. A lecture is less fun when you think the instructor doesn't like their job.

[edgardopichardo]

Totally brilliant! Simple, direct and concise! Really good pace! I can't thank you enough! I've been looking forward to learn modern HTML and CSS in a practical way and this series is, IMO, unbeatable! Thank you! Thank you! Thank you! You, good sir, are a true mentor!

[colindante]

The quality of your content has always been top notch and I thankyou so much for such an in depth explanation. Greatly appreciated. ))

[terrysagan]

Excellent media query representation: pure British

[bigbeeforever]

for anyone that got the image overlap the nav when hovering the image. In the last media query > nav > add z-index: 1;

[nguyenminhhieupoe]

Thank you guy so much for making video!
It's extremely helpful for people who are learning to achieve their goals, also me.
You're great!

[ARTdeas]

thank you, the net ninja, such a amazing tutorial, every code you write you explain the uses of it, superb tutorial

[miriammiriamxoxo]

That answers a lot of questions, so that's how it works to make websites work on different devices. Thanks a lot!

[DingoDingKumai]

Who dislike it? This is the best tutorial ever

[michalk]

You are a GOD! thank you, I've just started learning frontend developement and this is very helpfu. I bought full course of yours on Javascript on Udemy. Best regards! :)

[yinonb]

Best HTML & CSS Tutorial, explanations are greats and brights.

[jetlee]

Hi NetNinja, was hoping if you can make a website using the best practice as what you mentioned which is mobile first approach. Would be very awesome if you can so we can pick up best practices on how to handle this approach. Total beginner here.

[Brospeh]

Very insightful video, thank you sensei!

[manyeecarolip]

Thank you Ninja! It's easy to follow through! It's really helpful and clear steps and explanation!

[JanMaciejski]

I thank you sir for this tutorials. I learn so much from this and your java script tutorial. Its very good entry level to front end.

[radDude]

Such a great vid! I was just wondering how much do your Udemy courses differ from your tutorials on youtube? Thanks so much, your vids are an invaluable resource!