reactjs - Material-UI Grid custom breakpoints

Question

I'm wondering if there's possible way to set custom breakpoints for Grid. I know it's possible to do it via createMuiTheme but I'd like to use makeStyles.

<Grid container>
    <Grid
        item
        xs={12}
        sm={4}
        md={3}
        lg={3}
    >
        ...
    </Grid>
</Grid>

I'd like to set xs to be max 768px and sm min 768px and so on..

question from:https://stackoverflow.com/questions/65883825/material-ui-grid-custom-breakpoints

Answer 1

Waitting for answers