I am facing an issue with a <div> element that contains a grid row element from semantic UI. Despite setting the width to 100%, there is a small space visible on all sides of the row element. I tried using margin: -4px to eliminate the white space, but this resulted in a horizontal scrollbar appearing instead.
<div>
<Grid.Row style={{height: '400px', backgroundColor: '#444444'}}
className="noprint">
</Grid.Row>
</div>
Below is the CSS I employed in an attempt to solve the issue:
div{
margin: -10px;
}