I am working with styled-components CSS and trying to address a formatting issue. How can I adjust the code to eliminate the extra space below the displayed web content?
const Tetris = () => {
return (
<StyledTetrisWrapper>
<StyledTetris>
<Stage stage={createStage()} />
<aside>
<div>
<Display text="Score" />
<Display text="Rows" />
<Display text="Level" />
</div>
<StartButton />
</aside>
</StyledTetris>
</StyledTetrisWrapper>
)
}
const StyledTetrisWrapper = styled.div`
background: url(${bgImage2}) #000;
width: 100 vh;
height: auto;
overflow: hidden;
background: cover;
`
To see an example of the issue, check out this image: view error screenshot here