mui grid auto adjust code example

Example 1: stretch grid column to fit page mui

return (
  	<Grid container direction={"row"}>
            <Grid item style={{width: '500px'}}></Grid>
			<Grid item xs></Grid> 
			// the bottom one will stretch
	</Grid>
)

Example 2: react grid

npm install react-grid-system --save

// yarn
yarn add react-grid-system 

// example
import { Container, Row, Col } from 'react-grid-system';
 
<Container>
  <Row>
    <Col sm={4}>
      One of three columns
    </Col>
    <Col sm={4}>
      One of three columns
    </Col>
    <Col sm={4}>
      One of three columns
    </Col>
  </Row>
</Container>