如何使用材质UI网格在图像之间添加完美的间距

Question

我想要的是创建一个像这样的图像卡，该图像卡在它们之间完全隔开，并且必须使用材质UI随容器大小缩放。 （卡的大小是固定的，但我只需要将它们完美地放入容器中即可）

我正在使用实质性UI Grid 和 GridList 。

在 Grid 元素中，我必须提供间距以将它们等距分布，这很难计算，因为必须响应。

我尝试使用 GridList 元素，但它们的间距不相等。它们都倾向于向左对齐，因此右侧还有一些其他对齐方式。

我在 GridList 中使用了justify-content: space-evenly;，但是此代码修复了另一行，但最后一行也居中对齐，而不是下图所示。