title: optimize `vh-100` in responsive
body: <p>I have 2 column in the page <code>col-lg-8</code> and <code>col-lg-4</code>. for <code>colo-lg-4</code> i want to be span all height of the page and i give it <code>vh-100</code>. But height in tablet and mobile is the same(too long). How can i fix that?
  <code>&lt;div class=&quot; col-lg-4  vh-100 d-flex justify-content-center  align-items-center   auth-sidebar&quot;&gt; &lt;img src=&quot;../assets/img/Authentication.svg&quot; alt=&quot;Authenticate&quot; class=&quot;h-75 w-75&quot; /&gt; &lt;/div&gt;</code></p>