Html 如何使栅格元素将其内容对齐到相同高度

我想知道是否可以对齐网格项目中的内容，使它们具有相同的高度。

是否有可能使所有项目标题和项目文本占用与最高项目相同的空间

我试图用flexbox实现这一点，但没有成功。我还考虑过制作两个单独的网格：项目标题和项目文本，但结果是不可能做出响应

提前谢谢

---

这里是沙盒：

您应该能够使用带有行对齐的外部柔性框和带有列对齐的内部柔性框。我已经创建了一个片段供您在下面演示

*{
保证金：0；
填充：0；
}
.电网{
显示器：flex；
对正内容：空间均匀；
}
.内部{
弯曲方向：立柱；
宽度：33.3333%；
左边距：15px；
右边距：15px；
}
.头衔{
背景颜色：浅珊瑚
}
.身体{
背景色：浅海绿色；
}

项目名称
项目标题项目标题项目标题项目标题项目标题
项目名称

我的同僚们都是精英。伊普萨，莫迪？


我的同僚们都是精英。伊普萨，莫迪？
洛雷姆·伊普苏姆·多尔·阿梅特（Lorem ipsum Door sit amet Concertetdfaur Adipising Elite）。国际公共部门会计准则，
莫迪？我的同僚们都是精英。国际公共部门会计准则，
莫迪？


我的同僚们都是精英。伊普萨，莫迪？