Как установить высоту и ширину всех элементов сетки на самый большой / самый высокий элемент в интерфейсе материалов - PullRequest
Новая
       4

Как установить высоту и ширину всех элементов сетки на самый большой / самый высокий элемент в интерфейсе материалов

0 голосов
/ 30 ноября 2018

Я пытался заказать карты в сетке.Идея состоит в том, что каждая карта должна иметь одинаковую высоту и ширину (та, что у самой большой).У меня есть следующая структура: Grid-компонент, подобный этому 

<Grid container direction="row" alignItems="center" spacing={16} justify="space-between">

и элементы Grid этой формы: 

<Grid item key={index}>
        <Card>
          Bla bla
        </Card>
      </Grid>

Я пытался установить высоту и ширину карты равными 100% путем переопределения стилей, но это не имеет никакого эффекта.

Вот что я получаю сейчас:

Текущая настройка

А также он получает большеэкстремально, если я на мобильном устройстве.

Мобильный вид

Чтобы ответить на вторую проблему, я попытался изменить направление на столбец, что бы исправить эту проблему, ноЯ не могу найти способ применить два разных направления, используя [theme.breakpoint.down ['xs']].

У вас есть идеи, как я могу решить свои проблемы?

...