I need help finding a solution for incorporating margin in a box within my App class. The issue is that the position fixed property doesn't seem to work as intended.
<div className="App">
<div className="box">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
</div>
.box {
position: fixed;
background: red;
width: 100%;
box-sizing: border-box;
height: 100%;
}
https://codesandbox.io/s/affectionate-benz-93zp3z?file=/src/App.js
Are there alternative methods to achieve full screen with margin without using fixed positioning?