Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Reply To: Grid Coumns on Section Page

Home Forums Support Grid Coumns on Section Page Reply To: Grid Coumns on Section Page

Home Forums Support Grid Coumns on Section Page Reply To: Grid Coumns on Section Page

#108171
Jean Paiva
Developer

Hey Radu, you can create columns using the unsemantic grid:

2 column layout:

<div class="grid-container">
  <div class="grid-50">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-50">
    YOUR CONTENT IN HERE
  </div>
</div>

3 Columns layout:

<div class="grid-container">
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
  <div class="grid-33">
   YOUR CONTENT IN HERE
  </div>
</div>

4 columns layout:

<div class="grid-container">
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
  <div class="grid-25">
    YOUR CONTENT IN HERE
  </div>
</div>

You can check more stuff here: http://unsemantic.com/

OBS.: For have this working properly, you need to set “TEXT” not “visual”.