title: min-height in vh vs % for body?
body: <p>I'm trying to understand a code, why is there a need to specify for body  </p>
  
  <pre><code>body{
     position: relative;
     overflow: hidden;
     min-height: 100vh;
  }
  </code></pre>
  
  <p>to have min-height: 100vh after setting the html to</p>
  
  <pre><code>html {
     height: 100%;
  }
  
  body,
  html {
     margin: 0;
     min-height: 100%;
     overflow-x: hidden;
     padding: 0
  }
  </code></pre>
  
  <p>to height: 100% then body,html to min-height: 100%? Also why not just use min-height: 100% for body?</p>