title: Unwanted whitespace on the right of all the content
body: <p>I have a website that I'm working on with css and html, somehow I have a large amount of white space next to my content which appears only when you scroll to the right. Is there some way to reduce the viewing area or the view width of the website?</p>
  
  <p>I've tried decreasing the <code>view-width</code> in the <code>width</code> command in css but that removes the white space, I've tried using <code>width: 20%</code> and adjusting it but that didn't work either.</p>
  
  <p>here is the code for my body element</p>
  
  <pre><code>* {
     margin: 0%;
     padding: 0%;
     box-sizing: border-box;
  }
  body {
     font-family: Poppins, sans-serif;
     color: black;
  
  
  }
  </code></pre>
  
  <p>here is the link to the website
  <a href="https://mentalwelfare.000webhostapp.com/" rel="nofollow noreferrer">https://mentalwelfare.000webhostapp.com/</a>
  I think the problem occurs in smaller screen, im on a MacBook pro with 13.3-inch (2560 x 1600) screen so maybe bigger screens wouldn't have the problem.</p>
  
  <p>I hope to be able to remove the unwanted whitespace on the right of the content.</p>