Elements wider than window - CSS : <p>When I check my website with Safari browser on smartphone (iPhone) or MacBook, then some elements of my website are wider than the browser window e.g. the <code>body</code>-tag. I have checked the website with dev-tool and it seems that it begins at a width of 600px and underneath. I dont see this problem in Chrome.  </p>

<p>You can see a screenshot here and see that the window has a width of 375px but the <code>body</code>-tag is 439px wide. </p>

<p><a href="https://i.stack.imgur.com/V0n2o.png" rel="noreferrer"><img src="https://i.stack.imgur.com/V0n2o.png" alt="Screenshot"></a></p>

<p>I am applying this CSS-rules because I read this should solve the problem but it isn't for me, unfortunately.</p>

<pre><code>* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
</code></pre>

<p>Here is the website I am talking about: <a href="http://www.firma-info.no" rel="noreferrer">http://www.firma-info.no</a></p>

<p>I hope somebody has an advice for me. </p>

<p>Thanks in advance!</p>
