JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.0/css/foundation.css">
<div class="iBox">
  <div class="row" style="margin: 0;">
    <div class="imgWrapper small-12 medium-6 medium-push-6 large-12 columns">
      <h1>hello</h1>
    </div>
    <div class="contentWrapper small-12 medium-6 medium-pull-6 large-12 columns">
      <div class="content">
        <h1>there</h1>
      </div>
    </div>
  </div>
</div>

CSS

@media only screen and (min-width: 45.063em) {
    .iBox .imgWrapper {
      left:0%;
    }
    .iBox .contentWrapper {
      right:0%;
    }
}