Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

Reply To: How TO Make Gride

Home Forums Support How TO Make Gride Reply To: How TO Make Gride

#205343
Max

The following with give you two columns in big screen and table and one on portrait phone:

<div class="grid-container">
<div class="grid-50 tablet-grid-50 mobile-grid-100">
<h2>First column</h2>
<p>Stuff in first column</p>
</div>

<div class="grid-container">
<div class="grid-50 tablet-grid-50 mobile-grid-100">
<h2>Second column</h2>
<p>Stuff in second column</p>
</div>

The 50 and 100 number are percentages. So if you want three columns you would have 30 30 100 and three sets of divs.

Hope that helps.

Kind Regards

Max

  • This reply was modified 4 years, 4 months ago by Max.