o appear as different orientations based on screen size. Just add a -[size] to the end of the class.
          </p>
          <pre class="fake-code">
<!--     --><span class="fake-comment">// This will reverse the column order on mobile devices</span>
<!--     -->&lt;div class="frow direction-column-reverse-xs direction-column-reverse-sm"&gt;&lt;/div&gt;
<!--     -->
<!--     --><span class="fake-comment">// This will reverse the row order on large screens only</span>
<!--     -->&lt;div class="frow directi