title: Flexbox ignored on mobile
body: <p>I used flexbox to spread the list items in the footer navigation across the width of footer.</p>
  
  <p>It is being <strong>displayed correctly in my browser</strong> and also in Chrome's mobile emulation. However it is <strong>ignored on any mobile device</strong> I've tested with (iPhone, iPad, Samsung tablet).</p>
  
  <p>Does anyone see anything obvious wrong with the code I'm not aware of? 
  Below is the CSS/LESS snippet I'm using.</p>
  
  <pre><code>ul {
     display: flex;
     justify-content: space-between;
     width: 100%;
     padding: 0;
  
     li {
        padding: 0;
     }
  }
  </code></pre>