Menu icon Foundation
Push Pull doesnt seem to be working in XY Foundation 6

Here's my code

<div class="grid-x grid-margin-x">

<div class="medium-6 medium-push-6 cell">

<h2><a class="sub-header float-left" href="/office-catering">Office catering</a></h2>

<p class="float-right">It's not "just another" business meeting for Nosh. Every office catering order is a opportunity to showcase our passion for food.</p>

</div>

<div class="medium-6 medium-pull-6 cell">

<span><img src="/images/BeefCheekPie_400px_x225px.png" style="margin-bottom: 2rem;" class="float-center"></span>

</div>

</div>

foundation 6push pull

Here's my code

<div class="grid-x grid-margin-x">

<div class="medium-6 medium-push-6 cell">

<h2><a class="sub-header float-left" href="/office-catering">Office catering</a></h2>

<p class="float-right">It's not "just another" business meeting for Nosh. Every office catering order is a opportunity to showcase our passion for food.</p>

</div>

<div class="medium-6 medium-pull-6 cell">

<span><img src="/images/BeefCheekPie_400px_x225px.png" style="margin-bottom: 2rem;" class="float-center"></span>

</div>

</div>

Rafi Benkual about 2 years ago

 The XY Grid uses "order" which is simply easier and more powerful: http://foundation.zurb.com/sites/docs/flexbox-utilities.html#source-ordering

Andrew H about 2 years ago

Great - thank you :-)