title: Bootstrap h-100 only on medium screen and up
body: <p>I'm using Bootstrap 4. Is it possible to have a <code>div</code> be <code>h-100</code> on a medium screen and up, but on small and below just adjust to its content?</p>
  <p>I have the following <code>div</code>:</p>
  <pre><code>&lt;div class=&quot;col-md-6 col-12 h-100 p-3&quot; style=&quot;overflow:auto;&quot;&gt;
  </code></pre>
  <p>When the screen is <code>sm</code> or smaller, I want the <code>div</code> to not be <code>h-100</code> and adjust to its content like a <code>dic</code> normally would.</p>
  <p>On a side note, the Bootstrap <code>overflow-auto</code> class didn't seem to work, hence the inline style.</p>