title: Object-fit not affecting images
body: <p>I've been trying to use <code>object-fit</code> on a few images placed inside <code>article</code> elements, but it doesn't seem to affect them at all.</p>
  
  <p>The desired value for the <code>object-fit</code> property would be <code>cover</code>, but as of right now, none of the other values seem to work either.</p>
  
  <p>When I change it's value, they don't shrink, don't grow, don't ... nothing.</p>
  
  <p>If you see the CodePen, there are white spaces between the two rows, and the images don't take all the same space/height (as it would be expected with <code>object-fit: cover</code>).</p>
  
  <p><a href="http://codepen.io/anon/pen/PZPKGy?editors=110" rel="noreferrer">Here's a CodePen</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body{
   margin: 0 auto; padding: 0;
  }
  main{
   min-height: 70vh;
   padding: 0;
  }
  main &gt; section.posts{
   box-sizing: border-box;
   margin: 0; padding: 0;
   display: flex;
   flex-flow: row wrap;
  }
  main &gt; section.posts &gt; article{
    outline: 1px solid red;
   width: 22vw;
   min-height: 100vh;
   margin: 0; padding: 0;
   flex-grow: 1;
   overflow: hidden;
   box-sizing: border-box;
  }
  main &gt; section.posts &gt; article &gt; img{  /* Our suspect */
    object-fit: cover;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!--
  Basic structure of this file is
  
  &lt;main&gt;
    &lt;section.posts&gt;
        &lt;article&gt; (six of them)
            &lt;image&gt;
  --&gt;
  
  &lt;main&gt;
    &lt;section class="posts"&gt;
      &lt;article&gt;
        &lt;img src="http://41.media.tumblr.com/tumblr_m6s6d65lE11qdnz8wo1_400.jpg"&gt;
      &lt;/article&gt;
  
      &lt;article&gt;
        &lt;img src="http://41.media.tumblr.com/71c1fe7c899cd048fb961d3c1953411b/tumblr_nj24pvINyW1qzq8p3o1_400.jpg"&gt;
      &lt;/article&gt;
  
      &lt;article&gt;
        &lt;img src="http://36.media.tumblr.com/3358cb6ac8eaa0e61dffd53bc1bab93d/tumblr_n92l475hol1qlmppmo1_400.png"&gt;
      &lt;/article&gt;
  
      &lt;article&gt;
        &lt;img src="http://36.media.tumblr.com/9ad997ca0385a23a8d82ec919da2392c/tumblr_nwcewbFVAL1s71gzco1_400.jpg"&gt;
      &lt;/article&gt;
  
      &lt;article&gt;
        &lt;img src="http://41.media.tumblr.com/tumblr_mbl45xDSwj1qfn79co1_400.jpg"&gt;
      &lt;/article&gt;
  
      &lt;article&gt;
        &lt;img src="http://41.media.tumblr.com/1c3718e71a2aa5acaaaf4af654991c91/tumblr_nx6psaH67d1tvh80lo1_400.jpg"&gt;
      &lt;/article&gt;
    &lt;/section&gt;
  &lt;/main&gt;</code></pre>
  </div>
  </div>
  </p>