React Material UI Grid oversize full screen

Question

working with Material UI Grid, this has oversize full screen and generate horizontal scroll bar, how to can fix it ?

const styles = theme => ({ root: { flexGrow: 1,}, paper: {  padding: theme.spacing.unit * 2,textAlign: 'center',color: theme.palette.text.secondary,},});

generate like horizontal scroll bar

Answer 1

I had the same problem. Find out that using minHeight: "100vh" solves this problem

root: {
  minHeight: "100vh",
}

where i found this solution

the bellow worked too:

root: {
  position: 'fixed',
  width: '100%',
  height: '100%',
  left: 0,
  top: 0,
  zIndex: 10,
}

where i found this solution