KPC
Kevin Powell - Community•2mo ago
snxxwyy

nesting media queries

Hey, if i'd like something to occur when the viewport width is 640px or above but below 960px, would it be bad practice to nest media queries like this? 
@media (min-width: 640px) {
  @media (max-width: 960px) {
    ...
  }
}
@media (min-width: 640px) {
  @media (max-width: 960px) {
    ...
  }
}
Thanks in advance.
2 Replies
Chris Bolson
Chris Bolson•2mo ago
You can do that like this 
@media (min-width: 640px) and (max-width: 960px) {
…
}
@media (min-width: 640px) and (max-width: 960px) {
…
}
snxxwyy
snxxwyy•2mo ago
Ohh I totally forgot about that, thanks a bunch
Want results from more Discord servers?
Add your server
More Posts
need help with tailwindcss.Hello guys ,how can I avoid this text overflow, I have tried text wrap but it isn't working.I'm getting an ENOENT error when running create-next-app (or similar)I've been told it might be because I've a space in my username, which is *nuts* imo, given it seems Help in responsivenessHello everyone i need some help in my project I'm stuck in my header need some helpCSS 3d transformation nullifies hover effect for children elements--rx and --ry are set dynamically with JS based on the mouse position relative to the container. ThRemoving Wordpress Sub-header Grey Highlight on HoverI'm working on a wordpress site that has a theme applied by our university. Most things I've wanted I can't get to switch the player turn.So I'm doing a tic-tac-toe game with JavaScript. I'm going with the console game first then I'll add