search

cjmling / findings

Notes on stuff i finds worth keeping for quick reference later on.
2 stars 0 forks source link

Vertical Mui Align item center #317

Open cjmling opened 2 years ago

cjmling commented 2 years ago

The key item is alignItems="center"

https://stackoverflow.com/a/51970114/507203

          <Grid
            container
            justifyContent="center"
            alignItems="center"
            spacing={0}
          >
            <Grid item>
              <div>
                asdfasfd
              </div>
            </Grid>
            <Grid item>
              <Typography>asdfasdf</Typography>
            </Grid>
          </Grid>

SEO : mui grid align vertical middle center

cjmling commented 2 years ago

Or simple CSS

<div style={{ alignItems: 'center' display: 'flex'}}>asdf</div>