title: Modal not reducing size on small screens
body: <p>Using create-react-app fyi. I have this modal package I used from <a href="https://www.npmjs.com/package/react-responsive-modal" rel="nofollow noreferrer">https://www.npmjs.com/package/react-responsive-modal</a>. It states that it is responsive.</p>
  <p>I implemented it correctly and imported &quot;react-responsive-modal/styles.css&quot;; to make sure it is responsive. But when on mobile my content gets cut off and the modal doesn't minimize, I'm using CSS grid. Am I not calling something correctly? What I'm hoping to achieve is the modal keeps reducing in size as screens get smaller.</p>
  <p>Grid CSS</p>
  <pre><code>      .container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, auto));
        grid-gap: 5rem;
        margin-top: 2rem;
        justify-items: center;
        align-items: center;
  }
  .item {
    object-fit: cover;
    width: 100%;
    max-height: 100%;
    border-radius: 25px;
    cursor: pointer;
  }
  &lt;Modal&gt;
   &lt;img scr=&quot;/myimage.png&quot; /&gt;
  &lt;/Modal&gt;
  </code></pre>