title: Bypass/ignore @media query max-width
body: <p>I have a responsive CSS file using several <code>@media query max-width</code>. Now I want to override or ignore these @media queries to force user to use the desktop version without changing much in CSS. Is there any way that I can do it without touching the original the CSS file or as least as possible.</p>
  
  <p>I can do this using a <code>resp</code> class (eg. <code>&lt;body class="resp"&gt;</code>) as explained <a href="https://css-tricks.com/user-opt-out-responsive-design/" rel="nofollow noreferrer">here</a>, but it would require a lot of changes in the original CSS file and it seems impossible when porting the code to React.</p>
  
  <pre><code>.page-wrap { width: 80%; }
  
  @media (max-width: 600px) {
     .resp .page-wrap { width: 100%; }
  }
  </code></pre>
  
  <p>Thanks!</p>