title: Flexbox - How to jump to automatic to next column?
body: <p>i would like to build a flexbox with direction column.
  My problem is, the items should jump to the next column when the first column (view) ist full with column. The Items will be added dynamic.</p>
  
  <pre><code>  &lt;div class="container"&gt;
    &lt;div class="item"&gt;
     TEST
    &lt;/div&gt;
    &lt;div class="item"&gt;
     TEST
    &lt;/div&gt;
    &lt;div class="item"&gt;
     TEST
    &lt;/div&gt;
    &lt;div class="item"&gt;
     TEST
    &lt;/div&gt;
    &lt;div class="item"&gt;
     TEST
    &lt;/div&gt;
  &lt;/div&gt;
  
      .container{
    display: flex;
    flex-direction: column;
  }
  
  .item{
    display: table;
    border: 1px solid blacK;
    height: 200px;
    width: 200px;
  }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/snrz7td3/1/" rel="nofollow noreferrer">https://jsfiddle.net/snrz7td3/1/</a></p>
  
  <p>something like this.</p>
  
  <p><a href="https://i.stack.imgur.com/F9LLb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/F9LLb.png" alt="enter image description here"></a></p>