title: How to remove extra white space from website when viewed on mobile browser
body: <p>Browser is rendering extra white space on the right side on mobile screens. I tried modifying the following properties without any progress: </p>
  
  <pre><code>html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
  }
  </code></pre>
  
  <p>It still does not remove the extra white space. I also don't see any element overflowing from the side of the grid. Any ideas?</p>
  
  <p>Thanks!</p>
  
  <p><a href="https://i.stack.imgur.com/4pein.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4pein.jpg" alt="enter image description here"></a></p>
  
  <p>My website: <a href="https://fanismahmalat.com" rel="nofollow noreferrer">fanismahmalat.com</a></p>