title: how to make flex items scrollable with overflowing content, column
body: <p>I have a pen, that i mustered up. I have a panel-section with square divs inside it, with a column direction, but for some reason I cannot make that panel section scrollable to accommodate the divs inside with there heights. I tried overflow-y: auto, but it does not behave as it should. Right now the boxes just shrink into position.</p>
  
  <pre><code>.panel-section {
        flex-basis: 18vw;
        background-color: #BFFD19;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 30px;
  
        min-height: 0px;
        display: flex;
        flex-direction: column;
        .thumbnail-holder {
          margin-bottom: 15px;
          background-color: #6036AD;
          width: 95%;
          height: 160px;
        }
      }
    }
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/OzKKgy" rel="nofollow noreferrer">https://codepen.io/anon/pen/OzKKgy</a></p>
  
  <p>the panel-section (to the right) and the boxes are thumbnail holder.
  I have read other articles on overflow, but those techniques didnt work for me.</p>