嵌套Flexbox容器

Question

我连续有3个盒子，伸展开来。每个框包含各种html块，它们具有不同的高度。

尽管内容很长，但我试图让每个包含html的hvd具有相同的高度，但我得到了这个：

我需要的是尽管有内容，所有彩色盒子都具有相同的高度。

我创建了这个codepen，因为代码太长而无法发布：

https://codepen.io/vlrprbttst/pen/owYKWV?editors=1100

这是我的flexbox样式（还有很多内容，我可能已经对此进行了编码）：

// -----------------------------------------
// flexbox styles  -------------------------
// -----------------------------------------

.choice-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
}
.choice-item {
    width: 376px;
    flex: 0 0 376px;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;

}

.choice-item-inner {
    flex: 1 1 100%;
    display:flex;
    flex-flow: column nowrap;
  align-items: stretch;


}

.choice-item__content {
   flex: 1 0 auto;
  display:flex;
  flex-flow: column nowrap;
  align-items: stretch;

}

.choice-item__headline,
.choice-item__text,
.offer-specs{
  flex: 1 0 100%;

}

是否有错误或我使用错误的方法走错了路？

我是Flexbox的新手，我正试图了解它。

谢谢！