title: Can't remove margins on react web app
body: <p>I am having trouble removing these huge white margins on my react project. Below are some of the solutions I have tried.</p>
  
  <pre><code>* { margin: 0; padding: 0; }
  </code></pre>
  
  <p>/-/-/-/</p>
  
  <pre><code>body {
    max-width: 2040px;
    margin: 0 auto;
    padding: 0 5%;
    clear: both;
  }
  </code></pre>
  
  <p>I have tried every variation. My only installed dependencies that should affect anything CSS wise is bootstrap and I don't think thats it. I tried adjusting <code>max-width</code> to a value of <code>2040px</code> just to test if it would work and there appears to be a limit to which I can set the width. Help would be appreciated.</p>
  
  <p>I should also mention that this is persistent throughout the entire page. This issue is not limited to the background image which I am linking in the <code>css</code> file
  <a href="https://i.stack.imgur.com/Rfo6N.jpg" rel="noreferrer">White Margins</a></p>