title: Div auto height not working
body: <p>Visit (small browser width) <a href="http://jainvidhya.co.in" rel="nofollow noreferrer">website</a> ==> Roll Number ==> type <code>jit</code>, there will be scrollbar at that div. (Done)</p>
  
  <p>Now visit (small browser width) <a href="http://jainvidhya.co.in" rel="nofollow noreferrer">website</a> ==> Audio Tutorials ==> click part1, the div height will increase. (Good)</p>
  
  <p>My question is why the <code>Roll Number</code> div does not increase the height?</p>
  
  <p>Code:</p>
  
  <pre><code>@media screen and (max-width: 650px) {
      .card.h-50 {
          height: auto !important;
      }
  }
  </code></pre>