JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vc_row">
    <div class="col">
    text on left in desktop and on bottom in mobile
    </div>
    <div class="col">
    text on right in desktop and on top in mobile
    </div>
</div>

CSS

.vc_row { display:flex;}
.col { padding:0 15px;height:100px;border:1px solid red}



@media only screen and (max-width: 320px) {
  .vc_row { flex-direction:column-reverse}
}