title: How can I control the number of items per column in flexbox?
body: <p>In a flex container I have 5 items with a column direction but in a certain width I want to display 3 per column and force the others to wrap<br>
  is there any way to do that without fixed height ?<br>
  my code :</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="item-1 item"&gt;Item 1&lt;/div&gt;
      &lt;div class="item-2 item"&gt;Item 2&lt;/div&gt;
      &lt;div class="item-3 item"&gt;Item 3&lt;/div&gt;
      &lt;div class="item-4 item"&gt;Item 4&lt;/div&gt;
      &lt;div class="item-5 item"&gt;Item 5&lt;/div&gt;
  &lt;/div&gt;
  
  .container {
      display: flex;
      flex-flow: column wrap;
  }
  
  @media (min-width: 30em) {
  
  }
  </code></pre>
  
  <p>js Bin: <a href="http://jsbin.com/fesujifelu/edit?html,css,output" rel="noreferrer">http://jsbin.com/fesujifelu/edit?html,css,output</a></p>