Reply To: How TO Make Gride

[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 7 years, 10 months ago by Max.