zurb-foundation - iPad Air で Foundation 6 サイトが正しく表示されない

Question

Wordpress サイトで Foundation 6 を使用しています。私が直面している問題は、iPad Air でのみ発生しています。古い iPad や他のすべてのデバイスやブラウザで問題なく動作します。何が起こるかというと、6 つの small-2 列がありますが、最後の列が新しい行に表示されます。これがどのように起こるかわかりません。

ページはこちら: https://lagalope.com/the-collection-2/

html構造は次のとおりです。

<div class="row">
  <div class="small-2 column">
    content....
  </div>
  <div class="small-2 column">
    content....
  </div>
  <div class="small-2 column">
    content....
  </div>
  <div class="small-2 column">
    content....
  </div>
  <div class="small-2 column">
    content....
  </div>
  <div class="small-2 column">
    content....
  </div>
</div>

これをJSFiddleで再現すると、これは正常に機能しているため、WordPressのテーマに何か問題があることを意味します...: https://jsfiddle.net/curuba/s5twohf5/2/

[編集] flex-grid の使用を避けると解決するようです。次の行にコメントすると、すべて問題ありません。

@include foundation-flex-grid;

なぜこれが問題を引き起こしているのかわかりません。これは根本的な原因へのさらなる方向性であり、解決策ではないため、この質問には回答がありません。