Home Forums Support How TO Make Gride

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #205337
    Pranav

    Hey Tom

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

    #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 5 years, 5 months ago by Max.
    #205388
    Tom
    Lead Developer
    Lead Developer

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.