如何在Material UI中将所有Grid项的高度和宽度设置为最大/最高

Question

我尝试订购网格布局中的卡片。这个想法是，每张卡都应具有相同的高度和宽度（从最大到最大）。我具有以下结构：像这样的Grid组件

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

和这种形式的网格项目：

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

我试图通过覆盖样式将卡的高度和宽度设置为100％，但这没有效果。

这是我现在得到的：

Current Setup

如果我在移动设备上，它也会变得更加极端。

Mobile view

要回答第二个问题，我尝试将方向更改为专栏，以解决此问题，但是我找不到使用[theme.breakpoint.down ['xs']]应用两个不同方向的方法。 / p>

您知道我如何解决我的问题吗？