Material ui center align horizontally

<Grid item xs={4} style={{textAlign: "center"}}> </Grid>

OR 

<Grid container item xs={4} justify="center">

 

references:

https://stackoverflow.com/questions/52357717/how-to-horizontally-center-an-item-in-material-ui-grid-item