[Resolved] How to evenlhy space 3 photos

[Gary]

I am trying to evenly space 3 photos with a fair amount of text under each. I want them evenly spaced across the full page. Should I use columns? How do I add columns on the lower part of the page, and not impact the top of the page. Here is the page: http://206.196.110.39/~innovati/ Thanks

[David]

You can use the built in grid function, put this into text editor with the url links to your images to create a 3 column grid:

<div class="grid-container">
    <div class="grid-33 tablet-grid-33 mobile-grid-33">
    ..... insert image 1 here .....
    </div>
    <div class="grid-33 tablet-grid-33 mobile-grid-33">
    ..... insert image 2 here .....
    </div>
    <div class="grid-33 tablet-grid-33 mobile-grid-33">
    ..... insert image 3 here .....
    </div>
</div>

Alternatively you can use Tom’s Lightweight Grid Columns

[Leo]

Shouldn’t need the grid-container div if you are just inserting in to the content area.

Using Lightweight Grid Columns is definitely easier if you are not too comfortable with HTML coding 🙂

[David]

Of course, suffering from divitis…..

[Gary]

Thanks Lightweight Grid Columns works Great!

[Leo]

Glad we could help!

[Author]

Posts