OK figured it out.
So, I’m just replying with my notes here, because I know I will need this later, and might help others.
Im using Foundation CSS, so the if count needs to be on the opening grid cell.
{exp:channel:entries channel="news" limit="3" paginate="bottom"}
{if count == "1"}<div class="grid-x grid-padding-x small-up-1 medium-up-2 large-up-4 text-center">{/if}
<div class="cell">
<div class="cellblock text-center medium-text-left">
<a href="http://{url_title_path=news/article}">{news_image}{img:url}{/news_image}</a>
<h4><a href="http://{url_title_path=news/article}">{exp:chopper words="5" append="..."}{title}{/exp:chopper}</a></h4>
{exp:chopper words="15" append="..."}{news_article}{/exp:chopper}
<a href="http://{url_title_path=news/article}"><i class="fa fa-caret-right"></i> Read More...</a>
</div>
</div>
{if count == total_results} </div> {/if}
{paginate}
<div class="grid-container">
<div class="grid-x grid-margin-x text-center">
<div class="cell large-12">
Page {current_page} of {total_pages} pages {pagination_links}
</div>
</div>
</div>
{/paginate}
{/exp:channel:entries}
Packet Tide owns and develops ExpressionEngine. © Packet Tide, All Rights Reserved.