Go back to Examples

Column order first on desktop

Basics - Beginner

Versoly is built on Tailwind CSS and comes with a powerful but simple utility class system. To order columns on desktop you can use lg:order-first. 

                <section class="py-24">
   <div class="container">
      <div class="row">
         <div class="col lg:w-6/12"><h1>Title</h1></div>
         <div class="col lg:w-6/12 lg:order-first"><img src="" /></div>
      </div>
   </div>
</section>
12 column grid Typography prose