CSS Flex：可以在div内的div内设置相等的div高度吗？ （3层深）

Question

我在使用div中的div时想出了Flex，但是对于那些div中的div可以做同样的事吗？

在此示例中，我尝试构建基本的电子商务产品网格。 https://codepen.io/BevansDesign/pen/rJrNyQ

裸露的最低版本：

<div id="container">
    <div class="prod-box">
        <div class="title">This is a product title</div>
    </div>
    <div class="prod-box">
        <div class="title">This is a product title</div>
    </div>
</div>

每行div.title的高度是否可以相同？我能做的最好的是this，但这只会扩展第二层内的第三层div。

谢谢！