Archived topic
How TO Make Gride
2 replies · Started by Pranav on June 29, 2016
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
You can also use this plugin, which is what we're using on the home page here: https://wordpress.org/plugins/lightweight-grid-columns/
