CSS Media Queries for Beginners: Breakpoints, Max-Width, Min-Width, and More

CSS Media Queries for Beginners
Learn CSS Media Queries and how to use it with Breakpoints, Media Types, Max-Width, Min-Width, and more...

Video Editor: iMovie
Code Editor: VS Code

-------------------------------- Follow Me on Twitter ------------------------------------

[traoresambaabdel]

i've just been able to submit my final after watching this.

[danb]

Read your article! I never knew about putting media queries at end of css. Thanks! I learned so much! No wonder it wasn't working.

[liliabekuzinaensosense]

Thank you! You are a genius of explaining in the way that even beginners can understand! 🙏🏻

[chrisboden]

Thank you so much for this. Such a clear and simple explanation. Exactly what I needed. I just now need to research if you can do multiple media queries in one line for example, when it's -landscape orientation with a min-width- it does this.

[graciam]

I've watched quite a few media queries videos and this is my favourite so far. Thank you so much.

[Heffalumpsandbruises]

You make the best videos on CSS. Thank you : )

[vamshichoula]

orientation:portrait w is smaller then h, orientation:landscape then (w is bigger then height ). I Love this. media query always bottom otherwise, problem developer face problem.

[AvidAfrican]

just subscribed. Media querry made easy for me thanks from Russia

[SweetPeachannel]

you explained slowly and clearly. So helpful ... thx

[Soldier]

thank you very much sir your video is very wish brightness your future

[mpmcgrath]

Thank you. Just learned something new about @media queries.

[lambo-ca]

I know what is the difference but always come back to YouTube to watch again.

[stealthbusiness]

Thank you for all your tutorials. So helpful. I am in learning mode, so I hoping you would be willing to let us know the following. I believe this is a Media Query question. I have 4 different full screen videos one for each breakpoint. How do add each one to the assigned breakpoint?

[dkashbeauty]

Thank you for this. I understood it perfectly

[Rohit_patel]

After a year watch manny video I got from your video

[kmgurumurthaiah]

Thank you for simple explanations.. 👏👏

[isaouz]

Eline sağlık. Yeni öğreniyorum ve tek başıma zorlandığım yerler oluyor. Zar zor yaptığım sitenin telefonda iç içe geçtiğini görünce buraya kadar geldim :D

[Flonfln]

What about mobile devices that are 1920x1080px ? it won't work, will it?

[anab]

Thanks, your explanation helped me a lot.

[maryammahtab]

Great video, I easily learnt from it 👍🏻