Kevin Powell - Community•2y ago

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•2y ago

You can do that like this

@media (min-width: 640px) and (max-width: 960px) {
…
}

@media (min-width: 640px) and (max-width: 960px) {
…
}

snxxwyyOP•2y ago

Ohh I totally forgot about that, thanks a bunch

Gaming

Programming

nesting media queries

Did you find this page helpful?