Go back to Examples

12 column grid

Basics - Beginner

Versoly has a built-in 12 column grid system that easily lets you create responsive web pages. It is fully customisable and is not required but recommended to use.

                <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"><img src="" /></div>
      </div>
   </div>
</section>
Column order first on desktop