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 š
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!
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
Interesting. Thanks mate
You're welcome :)
š„¹š„¹š„¹
I am so happy.
dattebayo
Hah, fantastic :) Strange to think it wasn't always written in this way!
Haha, exactly!
This is really cool
Thank you for your support :)
Thank you bro..
You're welcome! 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 :)
Thank for the share !
You're welcome!
nice
Thank you :)
Interesting! Thanks for share!
You're welcome :) Follow me to stay updated
Nice!
Thank you
finally they are here.
Yeah! :)
Amazing
Thanks
Thanks. This looks promising. I'll definitely try it out.
You're welcome :)
thank you
Thank you for your support!
This is nice and it will make written codes faster
Agree. Thank you for your support
No prob š
Thanks for your information.
You're welcome
Thanks! For the update.
You're welcome :) Thank you for your support!
Thanks for this tip !
You're welcome! Thank you for your support :)
This made it much clear for beginners.
Yeah. It is much more clean now
Thank you for this
Thank you for your support :)
Wow That's awesome .
Yeah! Thank you for your support :)
this syntax is more readable and intuitive
Agree with you :) Follow me to stay updated
Good info
Glad you like it :)
Thank you for your input
Thank you for your support
Thanks for this update.
No problem amigo! Follow me to stay updated :)
So much clearer, no one can be against this change. Love this.
Totaly agree :)
Love it, I never understood the old syntax
Same
Good
Thank you for your support
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 for the update
You're welcome :)
cool
Glad you like it :) Follow me to stay updated
Finally a simple syntax. Thanks!
You're welcome :)
Thanks for sharing š
You're welcome :)
This syntax is look like a simple to implement by replaces of Max and min width.
Yeah, agree
I'm feel free now ššā¤ļø
hahah, same!
Wow amazing
Thank you for your support :)
Sigma
giga chad
Thank you for the info.
You're welcome! Follow me to stay updated :)
will try for sure....
Thanks for reading my blog post :)
Very nice!
Thank you for reading my blog post!
Great .
Thanks :)
Thanks , like it šØ
You're welcome! Thank you for your support :)
thats great !
Yeah :) Thank you for your support!
Thanks for the update. it's fascinating.
You're welcome :)
Thank you for the update
You're welcome :)
Very wonderful and less time consuming, thanks šš
You're welcome :) Thank you for your support!
thanks
You're welcome :)
Thanks for sharing !
You're welcome :) Follow me to stay updated
Cool, thanks!
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'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 :)
Oh yes I love this.
Me too :) Follow me to stay updated
Good !!!!
Thank you for your support
is it supported in all browsers?
you can check it here: caniuse.com/?search=media%20queries
Wow I love this very unique
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
Thanks š but I think it is much easier with tailwind css
You're welcome!
also you can use minmax to vary with @media, thank you for this !
You're welcome :)
Good news, thanks!
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
More readability less code, finally a better abstraction
Yeah, finally!
Thanks for the help, I really enjoyed it
Glad you liked it :)
I love it, and it's beginner friendly
Glad you liked it :)
Thanks for this valuable tip :)
Glad you liked it :)
Very useful. Thank you!
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 :)
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 :)
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?
Inequality concept of mathematics_! Liked it & Good to know.
how about the browser support?
I talked about that in the article and provided link..
caniuse.com/?search=media%20queries
Is this valid in tailwind CSS?
Do this work on media queries only or on any CSS that need min-width and max-width.
Yes
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.