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.
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?
I'm on a mac using Chrome and @media screen and(max-width: 480px) doesn't work for me. @media (max-aspect-ratio: 16/9) responds, but I don't fully understand it yet.
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.
I'm trying to make my website mobile-compatible, everything overlaps when the phone is turned horizontally. what do you suggest. The codes I wrote for the phone are @media only screen and (min-width: 150px) and (max-width: 600px) {} my other media codes @media only screen and (min-width: 600px) and (max-width: 800px) {} @media only screen and (min-width: 800px) and (max-width: 1024px) {} There is a problem in the horizontal
My dear friend I have the same trouble. I did a web page with pure code Html. CSS, and a few JS, but have a trouble in place the @media queries..please help us
sure, anytime! I always wish to meet other RUclipsrs and even maybe bring them together. So we can build a community of RUclipsrs who lives close to each other. I will soon connect you on insta as well :)
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
so i did exactly what you said but mine is not responding. at 1200px, i made a breakpoint to float a text, but for some reason its not executing like yours. I even tried to change the background/font size to see if it would work, and nothing.
My website is not responding to ANY media queries on ANY min/max pixels. What is going on? I have my folder structure correct. Perhaps I'm missing a specific html meta tag?
@@cemeygimedia Yes, I had that. Thank you for the response. So, I had made a separate css file called queries.css, and put it in the same folder my main css was in, but somehow wasn't linked to my overall project. I am now doing the queries inside my main css file and it works fine. Weird.
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.
You make the best videos on CSS. Thank you : )
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.
I've watched quite a few media queries videos and this is my favourite so far. Thank you so much.
Thank you! You are a genius of explaining in the way that even beginners can understand! 🙏🏻
you're welcome! I'm glad that my video helped you :)
i've just been able to submit my final after watching this.
good luck :)
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?
just subscribed. Media querry made easy for me thanks from Russia
What about mobile devices that are 1920x1080px ? it won't work, will it?
you explained slowly and clearly. So helpful ... thx
Thank you. Just learned something new about @media queries.
thank you very much sir your video is very helful......i wish brightness your future
I'm on a mac using Chrome and @media screen and(max-width: 480px) doesn't work for me. @media (max-aspect-ratio: 16/9) responds, but I don't fully understand it yet.
Thank you for simple explanations.. 👏👏
Can you please save my sanity and let me know, how I use a media query for the iphone 8 and the iphone X when they both have the same width of 375px?
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.
Clear and concise. Thanks!
Thank you for this. I understood it perfectly
I'm trying to make my website mobile-compatible, everything overlaps when the phone is turned horizontally. what do you suggest.
The codes I wrote for the phone are @media only screen and (min-width: 150px) and (max-width: 600px) {}
my other media codes
@media only screen and (min-width: 600px) and (max-width: 800px) {}
@media only screen and (min-width: 800px) and (max-width: 1024px) {}
There is a problem in the horizontal
My dear friend I have the same trouble.
I did a web page with pure code Html. CSS, and a few JS, but have a trouble in place the @media queries..please help us
Thanks, your explanation helped me a lot.
Great content Cem :) LG aus Dortmund :)
Thank you and congratulations for your successful channel! If you visit Dusseldorf some day, please let me know :)
@@cemeygimedia thanks 😊 Cem. Sure I will ping you when I visit Düsseldorf again 🥰
@@cemeygimedia by the way: I just read your few articles on Medium. You’re a great writer too. You have really awesome writing skills. :)
sure, anytime! I always wish to meet other RUclipsrs and even maybe bring them together. So we can build a community of RUclipsrs who lives close to each other. I will soon connect you on insta as well :)
@@cemeygimedia thanks 🙏 Cem. Really nice to hear that 🥰🥰
Great video , I easily learnt from it 👍🏻
Thank you, very helpful.
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
Tesekkürler, zamanla ögrenirsin :)
any media query for height? for any particular device. e.g. 1280 X 1024 or 1280 X 960. only for height
How did you open the developer tools???????????? 🤦🏽♂️
bravo, super aciklayici video!
Thanks a lot. Useful and clear stuff. Cheers!!
sir how many media query to use to make a fully responsive
You mean fluid? Set relative units like % for width. (example: width=100%)
çok teşekkürler, çok anlaşılır bir video
Really helpfull and easy to understand
so i did exactly what you said but mine is not responding. at 1200px, i made a breakpoint to float a text, but for some reason its not executing like yours. I even tried to change the background/font size to see if it would work, and nothing.
Ever figure this out? Having the same issue
Thank you man👊🏽❤️
My website is not responding to ANY media queries on ANY min/max pixels. What is going on? I have my folder structure correct. Perhaps I'm missing a specific html meta tag?
Did you include this tag in the section of your code?: **
@@cemeygimedia Yes, I had that. Thank you for the response. So, I had made a separate css file called queries.css, and put it in the same folder my main css was in, but somehow wasn't linked to my overall project. I am now doing the queries inside my main css file and it works fine. Weird.
You Open My problem
You Legendary 😍😍😘
Great explanation! Thanks man!
Very nice.........
Helpful video, thanks.
Thanks a lot for the explanation!
thank you so much.really helping
I know what is the difference but always come back to RUclips to watch again.
After a year watch manny video I got from your video
thank you for this video! was very useful !!!
very nicely explained 👍👍
can we use multiple media queries for example
@media (max-width:1300px)and (min-width:1000px){}
@media(max-width:999px) and (min-width:400px){}
yes you can
simple and great video. thanks!
But it not respond in my chrome browser
Thank you so much
@media scree and(){} syntax trying not working. but @media(){} syntax is working lovely!
great job, thank you !
Thank You Sir
Wonderful
as soon as he said "toogle" to 3:18 I decided to try and find another video lol
🎉🎉🎉
Veryyy good video...
❤️
👏🏻
Yuppie
Türkçe alt yazı olsa keşke ..
Good explanation thank u.