title: space-evenly (justify-content) not working on Chrome mobile
body: <p>I have an issue with the <code>space-evenly</code> value for <code>justify-content</code> on Chrome mobile (it works fine on Desktop and on Firefox mobile).</p>
  
  <p>I managed to produce a minimal example: <a href="http://chardetm.bitballoon.com/" rel="noreferrer">Example</a></p>
  
  <p>I have a flex container in a row direction and I want the elements to be spaced evenly, as intended when using <code>space-evenly</code>. It works on desktop, but on Chrome mobile (version 59 on Android), however, the elements are aligned on the left. Here is a comparison of the two: <a href="https://i.stack.imgur.com/xlh0u.png" rel="noreferrer">Comparison</a></p>
  
  <p><code>center</code> and <code>space-around</code> values work as intended, however, but I really want to use <code>space-evenly</code> or an equivalent (the <code>flex-wrap: wrap</code> behavior is also important to me).</p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="element"&gt;&lt;/div&gt;
    &lt;div class="element"&gt;&lt;/div&gt;
    &lt;div class="element"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is my CSS:</p>
  
  <pre><code>.container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    background: lightgrey;
  }
  
  .element {
    margin: 8px;
    width: 42px;
    height: 42px;
    background: black;
  }
  </code></pre>
  
  <p>Thanks in advance!</p>