title: how to fit the webpage exactly the screen size without scrolling?
body: <p>I am new to css and I am finding some difficulty in setting my webpage to fit exactly the screen size but it doesn't fit and a scroll bar occurs. I have tried all the ways mentioned <a href="https://stackoverflow.com/questions/11868474/how-to-make-the-web-page-height-to-fit-screen-height">here</a> But none of them works. My web page looks more or less like <a href="http://www.rightfunds.com" rel="noreferrer">this</a>. When i used </p>
  
  <pre><code>html{
  height: 100vh;
  }
  
  body{
      width: 100%;
      height: 100vh;
      background-color: #ffffff;
      font-family: gothambook;
      position: fixed;
      top: 0;
      bottom: 0;
      }
  </code></pre>
  
  <p>The scroll bar didn't occur but the content went below the screen and was not visible</p>