Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Do I need both grid divs.

Home Forums Support Do I need both grid divs.

Home Forums Support Do I need both grid divs.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #205981
    Max

    Tom

    I am using the div code displayed below to create columns both in pages and in sidebar text widgets and footer widgets. I know about your columns lite plugin but don’t see a need to install it.

    I am using it in the widgets to create two columns of links out to other pages other than just one row which has too much whitespace.

    Everything works as it should. The page columns break as expected in tablet and portrait phone views.

    The widgets also look fine although as they are already slim enough to view on portrait phone.

    My question is this: Do I need to have both the “grid-container” div AND the “grid-50 tablet-grid-50 mobile-grid-100”?

    And if I have to have both divs, do I then need to finish off with:

    </div>
    </div>

    That is, do I need 3 divs following the code for the second container.

    <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>

    Thanks in advance for you kind assistance.

    Kind Regards

    • This topic was modified 5 years, 5 months ago by Max.
    #206041
    Tom
    Lead Developer
    Lead Developer

    There shouldn’t be any need for the grid-container, but if you do add it, it should be once around the columns.

    <div class="grid-container">
        <div class="grid-50">
    
        </div>
        <div class="grid-50">
        
        </div>
    </div>
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.