I need to use source ordering to make an image appear first for small screens and second for medium and higher screens.
Not really sure where I'm going wrong, however, the image continues to appear second, despite adding in small-order-1.
Can someone help me out?
*edit* I'm using Foundation 6.
Here's the image... the 'handshake' should be coming first, above the text.
Here's the relevant code:
<div class="row"> <div class="column small-12 medium-4 medium-offset-2 small-order-2 medium-order-1"> <h4><strong>Our priority is you</strong></h4> <p>EST skip tracers act with integrity, respect, and courtesy as it is our goal to provide service that exceeds expectations. We go the extra mile to ensure that you are satisfied with our results.</p> </div> <div class="column small-12 medium-4 small-order-1 medium-order-2 text-center end"> <img src="images/handshake.png" style="padding-bottom:50px;"/> </div> </div>