在material-ui Grid项目内同等地间隔内容

Question

我在ListItem中使用material-ui的Grid组件。我试图找出如何在material-ui布局的四列中传播三列内容，如下所示：

绿线表示十二列中的五列。在第一个是红色图标（忽略其左边的边距）。很清楚。但是，有三个内容 - 名称，DOB和ID - 分布在显示的其余四列中。黄线表示三个内容片之间的间距，应该是1.5 rem。

我已经分发了相关材料-ui demo here

如果Grid项是要放置在Grid容器中的元素，那么如何处理项内的间距内容？

编辑：我已经意识到Grid容器确实可以嵌套在网格项中，并且已经更新了codepen链接以反映这一点。我现在需要知道的是如何在三个内容片段之间指定1.5 rem。它们的宽度应该固定，以便即使内容片丢失也会尊重列（例如，没有日期 - 列仍然需要保持对齐）

任何帮助表示赞赏！