![Cover image for New CSS media queries syntax š„](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fq02srjwocta4iz029ovi.png)
Say goodbye to Min-Width & Max-Widthšš»
The new CSS media query syntax revolutionizes how we define responsive breakpoints.
It make...
For further actions, you may consider blocking this person and/or reporting abuse
Thanks, good to know.
I'm glad you like it. Make sure to follow me to keep up with more content like this š
Thanks for this update.
No problem amigo! Follow me to stay updated :)
Interesting. Thanks mate
You're welcome :)
Thanks for this tip !
You're welcome! Thank you for your support :)
Hah, fantastic :) Strange to think it wasn't always written in this way!
Haha, exactly!
this syntax is more readable and intuitive
Agree with you :) Follow me to stay updated
finally they are here.
Yeah! :)
Wow That's awesome .
Yeah! Thank you for your support :)
Thanks! For the update.
You're welcome :) Thank you for your support!
So much clearer, no one can be against this change. Love this.
Totaly agree :)
Thanks for sharing š
You're welcome :)
This made it much clear for beginners.
Yeah. It is much more clean now
nice
Thank you :)
nice
Thank you for your support :)
Well bro, to share latest syntax of css
Thank you for your support. Follow me to stay updated :)
It is so good and beautiful
Thanks for supporting :) Follow me for more :)
Good one
Absolutely!
It's amazing
Yeah!
I love this one, definitely simpler instead of thinking about min and max. Thank's for the update!
You're welcome :)
Cool, thanks!
You're welcome!
Very wonderful and less time consuming, thanks šš
You're welcome :) Thank you for your support!
Oh yes I love this.
Me too :) Follow me to stay updated
thanks
You're welcome :)
Thanks for sharing !
You're welcome :) Follow me to stay updated
Thats soo helpful
No problem :) Follow me to stay updated :)
This is so much easier to understand!
Agree! Thank you for your support :) Follow me for more :)
Very useful. Thank you!
Follow me to stay updated :)
JĆ” usei dessa forma em uma aplicaĆ§Ć£o que fiz no final do ano passado, mas nĆ£o teve (pelo menos na Ć©poca) uma boa compatibilidade com o Safari no mobile.
I don't know how it is with these safari updates, but after applying the new @media I immediately got a return from a customer with a new iphone that in his case does not work. After changing to the old one everything was laughing.
exactly, even though caniuse.com shows that as of safari 16.4 it already works, the failure still happens.
caniuse.com/?search=media%20queries
What about compatibility with Browsers? š¤
caniuse.com/?search=media%20queries
Thanks. This looks promising. I'll definitely try it out.
Thank you for the update
Thatās nothing revolutionary ā to be honest it might be more readable, but not by much
Thank you for your comment :)
While the new CSS media query syntax may not appear revolutionary at first glance, it actually brings several key advantages that can significantly enhance how we develop responsive web pages.
min-width
andmax-width
, they can now use straightforward conditions that directly apply to elementsThe real revolution lies in simplifying the process of defining breakpoints and conditions for responsive design.
I appreciate your thoughts and encourage further exploration of how these changes impact our workflows positively.