title: Flexbox not wrapping flex items
body: <p>I'm trying to set up a layout for my site using flexbox <strong>(inb4: I don't care about IE)</strong> but for some reason the items aren't wrapping.</p>
  
  <p><a href="http://jsfiddle.net/EnUuA/" rel="noreferrer">http://jsfiddle.net/EnUuA/</a></p>
  
  <pre><code>section { display:-webkit-flex; -webkit-flex-flow: row wrap; width: 200px; /* ... */ }
  div { -webkit-flex: 1; width:48%; /* ... */ }
  </code></pre>
  
  <p>​
  I've tried setting a width in <code>px</code> and I've tried removing the width completely.. still doesn't wrap!</p>
  
  <p><strong><em>So</em>, how can I get my flexboxes to wrap around in their container?</strong></p>
  
  <p><em>Please, before you answer, make sure that your answer actually uses the <a href="https://developer.mozilla.org/en-US/docs/CSS/Using_CSS_flexible_boxes" rel="noreferrer">flexible box model</a> and isn't just giving me block level elements.</em></p>