title: Force image inside flexbox container to fill/cover 100%
body: <p>I'm relatively new to coding and need your help.</p>
  
  <p><strong>Here's the codepen:
  <a href="http://codepen.io/anon/pen/NdMjZy" rel="nofollow noreferrer">http://codepen.io/anon/pen/NdMjZy</a></strong></p>
  
  <pre><code> &lt;div class="flex-item w50 fill"&gt;
      &lt;div class="flex-inner portfolio"&gt;
         &lt;a href=""&gt;
            &lt;img src="" alt=""&gt;
         &lt;/a&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>What I need: Images should fill/cover the flex-item container. They should be centered and stay in aspect-ratio.</strong></p>
  
  <p>You can see that the images with the chairs are not 100% height.</p>
  
  <p>I tried to use imagefill.js but that resulted in 0px height flex-items.</p>
  
  <p>Thank you in advance!</p>