title: react-modal Dynamic Sizing
body: <p>Im using <a href="https://www.npmjs.com/package/react-modal" rel="noreferrer">react-modal</a> which is pretty great. Is it possible to dynamically size it (perhaps with css media tag). For example,</p>
  
  <ol>
  <li>For large screen, the modal only takes up a small potion of the screen (lets say max width 200px;</li>
  <li>For medium screen, the modal takes up most of the screen (Lets say 80% of the screen width and height</li>
  <li>For mobile device, it takes takes up 100% of the width and height.</li>
  </ol>