title: CSS Flexbox - expand container download to show overflow content
body: <p>I'm trying to figure out how to "expand down" a flex container to show content that is currently being hidden.</p>
  
  <p>I have a small demo showing the issue here:</p>
  
  <p><a href="https://jsfiddle.net/darrengates/d4eqfppw/" rel="nofollow noreferrer">https://jsfiddle.net/darrengates/d4eqfppw/</a></p>
  
  <pre><code>.row {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  </code></pre>
  
  <p>I've tried various combinations of "flex-shrink" and "flex-grow" but to no effect.</p>
  
  <p>The idea is that I want to keep the top cell as the current size, and only "expand down" the bottom part to show the text which is currently hidden.</p>