Пользовательский интерфейс материала: центр CardContent в компоненте Card - PullRequest
Новая
       8

Пользовательский интерфейс материала: центр CardContent в компоненте Card

0 голосов
/ 27 июня 2018

Я пытаюсь расположить CardContent по горизонтали И по вертикали в компоненте Card с помощью пользовательского интерфейса материала.

Вот что у меня есть: 

const styles = {
  card: {
    maxWidth: 120,
    minHeight: 120,
    maxHeight: 120,
  },
}

... 

<Card className={this.props.classes.card}>
  <CardContent>
    <Grid container justify="center">
      <Grid item xs={12} style={{ backgroundColor: "red" }}>
        <Typography gutterBottom align="center" variant="title">
          Markedup123 Plan
        </Typography>
      </Grid>
    </Grid>
  </CardContent>
</Card>

Это выглядит так: enter image description here

Как центрировать CardContent по горизонтали и вертикали?

Вот рабочий пример: https://codesandbox.io/s/pw90op914q

...