title: Display flex Firefox - content not shrinking
body: <p>I have a problem with simple flexbox layout in Firefox.
  The parent div <strong>.logos-grid</strong> is not shrinking when you resize the browser window although in all other major browsers it does.</p>
  
  <p><strong>The html:</strong></p>
  
  <pre><code> &lt;div class="grid"&gt;
        &lt;div&gt;&lt;img src="logo.png"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src="logo.png"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src="logo.png"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src="logo.png"&gt;&lt;/div&gt;
        &lt;div&gt;&lt;img src="logo.png"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p><strong>The css:</strong></p>
  
  <pre><code>.grid {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
  .grid img {
    max-width: 100%;
  }
  </code></pre>
  
  <p>Demo on codepen: <a href="http://codepen.io/thomasoCZ/pen/VajQzJ?editors=1100" rel="nofollow">http://codepen.io/thomasoCZ/pen/VajQzJ?editors=1100</a></p>
  
  <p>Please help :-)</p>