title: Flexbox set min-height despite height of contents
body: <p>I have a 2 column flexbox layout. The items in the columns use <code>flex:1</code> and I've only set their height using <code>min-height</code>. The idea is that both columns should always be of equal heigh. When colA is shorter than colB, the child-items of colA stretch to fill the avaliable height. When colA is taller than colB, the items of colB are as tall as their min-height.</p>
  
  <p>The problem is that, as usual with css, if I have an element with <code>min-height: 100px</code> but fill it with contents which is 500px tall, that min-height will never be used, the effective min-height will be the height of the contents.(500px). </p>
  
  <p>The question is : is there any way in flex make items collapse to their min-height despite the height of their contents?
  I have an elements with <code>overflow-y:scroll; min-height: 100px</code>. I want to fill it with a bunch of contents without it expanding beyond 100px height unless it's parents column requires it to expand.</p>
  
  <p>Updated with example <a href="https://jsbin.com/gicirabufe/1/edit?html,css,output" rel="nofollow">https://jsbin.com/gicirabufe/1/edit?html,css,output</a></p>