title: Is it possible to make the materialize.css modal larger and remove the vertical scroll bar?
body: <p>I just created buttons that pops up a modal once clicked and each button has a modal that shows a different exercise gif. However the modals are too small and it is preventing the user to see the whole gif, forcing them to scroll down. I want to remove the scroll bar and make the modal bigger so that the user can see the whole gif. Any help would be great, here is my codepen <a href="https://codepen.io/anon/pen/gPwved" rel="noreferrer">https://codepen.io/anon/pen/gPwved</a> </p>
  
  <p>HTML</p>
  
  <pre><code> &lt;div id="modal1" class="modal"&gt;
      &lt;div class="modal-content"&gt;
        &lt;h4&gt;&lt;/h4&gt;
        &lt;p&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat"&gt;Agree&lt;/a&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>jQuery- I created 6 on click functions with different id's, this is an example of one of them, see my codepen if you need the whole code</p>
  
  <pre><code>$("#chest").on("click", function() {
         $("h4").html("Bench Press");
          $("p").html("&lt;img id='yo' src='https://45.media.tumblr.com/860edb05e3f8b0bf9b4313a819e87699/tumblr_mi2ud72e931qet17vo1_400.gif'&gt;");
          $("#modal1").openModal("show");
      });
  </code></pre>