Site logo

Archived topic

How TO Make Gride

2 replies · Started by Pranav on June 29, 2016

Viewing posts 1–3 of 3

Hey Tom

I want to create same grid of your home page http://generatepress.com features section.
How i make it ?

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 archived topic is closed to new replies.