Say goodbye to Min-Width & Max-Widthšš»
The new CSS media query syntax changes how we define responsive breakpoints.
It makes our c...
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 š
Interesting. Thanks mate
You're welcome :)
This makes it so much easier to remember than going "wait... does max mean up to or....?" Thank you!
Yeah, absolutely. Thank you for your support!
š„¹š„¹š„¹
I am so happy.
dattebayo
My brain doesn't think straight regarding min-width, etc. It always stops me to think it out. This new way is beautiful and instant to read.
Agree
thank you
Thank you for your support!
Hah, fantastic :) Strange to think it wasn't always written in this way!
Haha, exactly!
Good
Thank you for your support
So much clearer, no one can be against this change. Love this.
Totaly agree :)
Wow That's awesome .
Yeah! Thank you for your support :)
Thank for the share !
You're welcome!
this syntax is more readable and intuitive
Agree with you :) Follow me to stay updated
Thanks for this update.
No problem amigo! Follow me to stay updated :)
Thanks! For the update.
You're welcome :) Thank you for your support!
Thanks for this tip !
You're welcome! Thank you for your support :)
cool
Glad you like it :) Follow me to stay updated
Thank you for this
Thank you for your support :)
Finally a simple syntax. Thanks!
You're welcome :)
nice
Thank you :)
finally they are here.
Yeah! :)
Wow really cool
Thanks. This looks promising. I'll definitely try it out.
You're welcome :)
Good info
Glad you like it :)
Thanks for sharing š
You're welcome :)
Interesting! Thanks for share!
You're welcome :) Follow me to stay updated
Nice!
Thank you
Thank you bro..
You're welcome! Thank you for your support :)
This is really cool
Thank you for your support :)
This is nice and it will make written codes faster
Agree. Thank you for your support
No prob š
Thank you for your input
Thank you for your support
Amazing
Thanks
Thanks for the update
You're welcome :)
Thanks for your information.
You're welcome
This made it much clear for beginners.
Yeah. It is much more clean now
Love it, I never understood the old syntax
Same
Amazing!! I tried it immediately and it is super easy to understand!! I'm very happy now because I'm always get confused in this media queries ššš
Thanks! I really appreciate it ā¤ā¤ā¤
Thank you for your support :)
Thanks so much, I was actually in search of a way of achieving exactly what the accent-color does after reading this post and luckily enough I found it here in a much easier way...
Thanks for support :)
will try for sure....
Thanks for reading my blog post :)
Thanks for sharing !
You're welcome :) Follow me to stay updated
thanks
You're welcome :)
Very useful. Thank you!
Follow me to stay updated :)
Cool, thanks!
You're welcome!
Very wonderful and less time consuming, thanks šš
You're welcome :) Thank you for your support!
When I saw the simpler syntax '>=' , I initially thought I preferred the old syntax, but it seems like this one is easier to read.
Yep agree
Good one
Absolutely!
Very nice!
Thank you for reading my blog post!
I'm just starting out in my development journey but this seems much more intuitive to me than max-width and min-width. Thank you for sharing!
You're welcome! Thank you for your support :)
Thank you for the update
You're welcome :)
Eu sempre pensei porque nĆ£o se usava a sintaxe assim, feliz por saber que agora jĆ” Ć© possĆvel usar...š
Obrigado pelo seu apoio!
I love it, and it's beginner friendly
Glad you liked it :)
It's amazing
Yeah!
Thanks for the help, I really enjoyed it
Glad you liked it :)
Thanks for the update. it's fascinating.
You're welcome :)
Thanks , like it šØ
You're welcome! Thank you for your support :)
I love this one, definitely simpler instead of thinking about min and max. Thank's for the update!
You're welcome :)
Thank you for the info.
You're welcome! Follow me to stay updated :)
More readability less code, finally a better abstraction
Yeah, finally!
Wow I love this very unique
Thank you for your support :)
is it supported in all browsers?
you can check it here: caniuse.com/?search=media%20queries
I talked about that in the article and provided link..
caniuse.com/?search=media%20queries
thats great !
Yeah :) Thank you for your support!
Thanks š but I think it is much easier with tailwind css
You're welcome!
It's look like same . I think that's way not too much useful.
Well, 2k people don't agree with you
Great .
Thanks :)
Wow amazing
Thank you for your support :)
Oh yes I love this.
Me too :) Follow me to stay updated
Good news, thanks!
You're welcome :)
also you can use minmax to vary with @media, thank you for this !
You're welcome :)
This syntax is look like a simple to implement by replaces of Max and min width.
Yeah, agree
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 !!!!
Thank you for your support
I'm feel free now ššā¤ļø
hahah, same!
nice
Thank you for your support :)
Thats soo helpful
No problem :) Follow me to stay updated :)
giga chad
This is so much easier to understand!
Agree! Thank you for your support :) Follow me for more :)
Thanks for this valuable tip :)
Glad you liked it :)
What about compatibility with Browsers? š¤
caniuse.com/?search=media%20queries
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
Does SCSS supports this yet?
Do this work on media queries only or on any CSS that need min-width and max-width.
Yes
Inequality concept of mathematics_! Liked it & Good to know.
Is this valid in tailwind CSS?
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-widthandmax-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.