title: How can i do wrapping of child elements inside Flex container?
body: <p>Is it possible to do wrapping of child elements inside flexbox container but setting up height in percentages (for .wrap, .block and .mini)? Like here - <a href="http://jsfiddle.net/4cghpvyo/19/" rel="nofollow noreferrer">http://jsfiddle.net/4cghpvyo/19/</a>, but in % to make it responsive. Or any other idea how to make it responsive?</p>
  
  <pre><code>.wrap {
  display: flex;
  width: 100%;
  height: 500px;
  border: 1px solid #ccc;
  flex-wrap: wrap;
  flex-direction: column;
  }
  
  .block {
      width: 30%;
      height: 500px;
      background-color: yellow;
  }
  
  .mini {
      box-sizing: border-box;
      width: 70%;
      height: 125px;
      background-color: orange;
      border: 1px solid red;
  }
  </code></pre>
  
  <p>Thanks!</p>