如何创建带有固定元素和自动换行的flex元素的flexbox？

Question

我正在尝试创建一个具有以下内容的弹性卡元素：

• 1个固定宽度的元素（image-container）
• 1个flex元素（text-container）

我需要text-container元素在无法进一步缩小时（开始改变容器的高度时）自动包装

<div class="card">
  <div class="image-container">
    <h2>image here</h2>
  </div>

  <div class="text-container">
    <h2>Title text</h2>
    <ul>
      <li>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
        Dolor fuga inventore doloribus ipsam tempore? 
        Culpa temporibus ut et. Repellat. Ad natus ut illum aspernatur?
      </li>
      <li>
        Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
        Dolor fuga inventore doloribus ipsam tempore? 
        Culpa temporibus ut et. Repellat. Ad natus ut illum aspernatur?
      </li>
    </ul>
  </div>
</div>

这是一个有效的Codepen示例：

https://codepen.io/anon/pen/wLXEwr?editors=1100

• 水平更改窗口宽度
• 查看它在开始拉伸容器后如何包装在硬编码的600px上，而不是在无法进一步收缩时自动进行包装。