title: How can I use CSS @media for responsive with makeStyles on Reactjs Material UI?
body: <pre><code>const useStyles = makeStyles(theme =&gt; ({
    wrapper: {
      width: "300px"
    },
    text: {
      width: "100%"
    },
    button: {
      width: "100%",
      marginTop: theme.spacing(1)
    },
    select: {
      width: "100%",
      marginTop: theme.spacing(1)
    }
  }));
  </code></pre>
  
  <p>Is there a way to use CSS @media at the above variable?</p>
  
  <p>if impossible, how can I make my custom css for responsive?</p>