How to make a media query?

Question

React

Faced such a problem.
On mobile resolution, based on the state of the filter is open, I hang up the class. How to ignore this condition for desktop resolution? Write a media query in js or is there an elegant way?

Answer 1

What is the problem to describe everything in css?

.filter__panel {
  &_show {
    @media screen and (max-width: 767px) {
      // mobile styles
    }    
  }
}