title: Detect wrap with flexbox
body: <p>I know, it's a weird question.
  Imagine a list of items. Placed vertically. Is there a way to "detect" when my list has to be on multiple columns? (because of a lack of space) ?</p>
  
  <p>I guess an example is more efficient:
  <a href="http://jsfiddle.net/KCarnaille/au8mpo9t/4/" rel="nofollow noreferrer">http://jsfiddle.net/KCarnaille/au8mpo9t/4/</a></p>
  
  <pre><code>.right{
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start; //change the option when 2 cols needed
  }
  </code></pre>
  
  <p><strong>I'm not talking about media queries</strong> What I want depends on items length, not screen size. </p>
  
  <p>I dont think it's possible <strong>with CSS</strong> but, let's see :)</p>
  
  <p>What I want :</p>
  
  <p><a href="https://i.stack.imgur.com/rgiNT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rgiNT.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/SW12u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SW12u.png" alt="enter image description here"></a></p>