I am just want to know, Is it good or not as a front end developer?
![Cover image for Is it good to use multiple [@media-query] in css to make it responsive layout?](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%2Fi%2Fbbpuyy9jn0ckalqqs18s.png)
Rishabh Singh
Posted on
Is it good to use multiple [@media-query] in css to make it responsive layout?
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (7)
Not only good, but necessary!
Different @mq represent different screen sizes, your product (or app or webpage) will be seen in multiple devices (that have different screen sizes), so you need to cover them!
1 @mq for mobile, 1 @mq for tablet and 1 @mq for normal PC screen should be enough in most cases :)
It's definitely fine to use for styling at certain breakpoints, but if you find yourself making a bunch of media queries for just a few properties, there might be a better way to adjust them by using more responsive values. It all depends of the use case though!
Yes! Especially when you writing your styles in multiples files.
For example, I've been using SCSS and I maintain different files for each component, and I write media queries for each component within that file itself, rather than having one single media query and stuffing all the responsive styling inside it, which will create a lot of ambiguity, especially when you are trying to scale them further(in larger applications).
In software there isn't "good", if you're not technically limited, then what works for you is good enough.
How else would you do it?
Media queries are not necessary when using the HTML 5 Grid layout with auto-fit and minmax .parameters.
It's okay, yeah. As long as it works for you.