How TO Make Gride

[Pranav]

Hey Tom

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

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

[Tom]

You can also use this plugin, which is what we’re using on the home page here: https://wordpress.org/plugins/lightweight-grid-columns/

[Author]

Posts