title: How to make CSS justify-content:space-evenly fallback to space-between on Safari?
body: <p>I'm building a webpage and running test against different browsers, one of the designs involves a flexbox and space-evenly, I know this is not widely supported yet, so as a fallback I'm using space-between like this:</p>
  <pre><code>.some_element {
  display:flex;
  justify-content:space-between;
  justify-content:space-evenly;
  }
  </code></pre>
  <p>Above code works correctly on: Firefox, Chrome, IE11, Edge but fails on Safari.</p>
  <p>Safari does understand and recognize the <code>space-evenly</code> property but does nothing with it, in other words the result is the same like: <code>justify-content:initial;</code></p>
  <p>Officially Safari doesn't support <code>-webkit-justify-content</code> so I thought I will be cleaver and try the fallback as this:</p>
  <pre><code>.some_element {
      display:flex;
      justify-content:space-between;
      -webkit-justify-content:space-evenly;
      -moz-justify-content:space-evenly;
      }
  </code></pre>
  <p>But again Safari does understand it and it renders it same like <code>initial</code>. Same happens on iOS, which makes my website design fall apart.</p>
  <p>Aesthetically the space-evenly looks better so I will really like to take advantage of it on browsers which support this, so I'm not to keen on dropping it because of Apple. On the other hand, Apple users are a significant part of the visitors so I cannot ignore the problem and leave the page render with the <code>initial</code> look.</p>