material-ui-grid-example

grid.js

 <Grid container>
        <Grid item container spacing={32}>
          <Grid item xs={12}>
            <Typography variant='display2' align='center'>Heading</Typography>
          </Grid>
          <Grid container>
            <Grid item xs={5}>
              <div>
                <img
                style={{height: '100%', width: '250px'}}src="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />
              </div>
            </Grid>
            <Grid item xs={1}></Grid>
            <Grid item xs={6}>
              <Typography>Header</Typography>
              <Typography>Like Material-UI?

    If you don't mind tech-related ads, and want to support Open Source, please whitelist Material-UI in your ad blocker.

    Thank you! ❤️</Typography>
            </Grid>
          </Grid>
        </Grid>
      </Grid>