Css 在材质ui网格项内等距放置内容

我正在ListItem中使用MaterialUI的网格组件。我正在尝试解决如何在material ui布局的四列中传播三列内容，如下所示：

绿线表示十二列中的五列。第一个是红色图标（忽略其左侧的边距）。这很清楚。但是还有三部分内容——Name、DOB和ID——它们分布在剩下的四列中。黄线表示三个内容块之间的间距，应为1.5雷姆

我已经完成了一个相关的材料ui演示

如果网格项目是要放置在网格容器中的元素，如何处理项目内的间距内容

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

感谢您的帮助