title: Flexbox two columns grid not works
body: <p>Its very simple, I want a two columns grid with flexbox, I read some code examples <a href="https://davidwalsh.name/flexbox-column" rel="nofollow">like this</a> but my code not work.</p>
  
  <p>You can check the flex grid here: <a href="https://jsfiddle.net/7ew9rjuq/3/" rel="nofollow">https://jsfiddle.net/7ew9rjuq/3/</a></p>
  
  <p>This is the css:</p>
  
  <pre><code>.mini-product-detail {
      display: -ms-flex;
      display: -webkit-flex;
      display: flex;
  }
  .mini-product-detail .mini-item {
      border: 1px solid #e0e0e0;
      background-color: #fff;
      margin-bottom: 24px;
      padding: 10px;
      width:50%;
  }
  </code></pre>