on-row-reverse-lg"&gt;&lt;/div&gt;
<!--   --></pre>
          <p class="bottom-margin">
            A use case example of this would be, for example, if you had content in one column on the left, and an image on the right. Normally, when going mobile, they would stack left to right and have the image under the content. If the image being on top is preferred, using ".direction-column-reverse-xs" would place the image on top for mobile devices.
          </p>
          <h4 id="styling-your-css-using-media-que