title: white space on the right side, only on mobile
body: <p>I get this vertical white line on the right side of my page.
  it's only happening on mobile. found it using device tool bar: <a href="https://jood19.sg-host.com/" rel="nofollow noreferrer">https://jood19.sg-host.com/</a></p>
  <p>I designed the website &quot;mobile-first&quot;. only used media queries for desktop.</p>
  <p>I've tried, without success, the following code</p>
  <pre><code>html body{
      width: 100%;
      margin: 0; 
      padding: 0;
      overflow-x: hidden;
  }
  </code></pre>
  <p>can you recommend something?</p>