Site logo

Archived topic

Do I need both grid divs.

1 reply · Started by Max on July 2, 2016

Viewing posts 1–2 of 2

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

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