title: Link stylesheet with media query to React component
body: <p>In an html file it is possible to link stylesheets like this: </p>
  
  <pre><code>    &lt;link rel="stylesheet" media="(min-width: 768px)" href="small.css"&gt;
      &lt;link rel="stylesheet" media="(min-width: 1150px)" href="big.css"&gt;
  </code></pre>
  
  <p>In a JSX file you can only import css files like: <code>import "./big.css"</code></p>
  
  <p>How can I conditionally import CSS files into a React component based off the screen size? </p>