Same code on homepage renders 4 across, same code on archive only renders 3 Across. What am I missing?

Alicia St Rose
Alicia St Rose used Ask the Experts™
on
This page has 4 project thumbnails across:
http://sandbox.intrepidrealist.com/alan-macy/

I'm using the same classes for this one, but only 3 across:
http://sandbox.intrepidrealist.com/alan-macy/project/

It's driving me mad...
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
RobOwner (Aidellio)
Most Valuable Expert 2015

Commented:
You may be using the same classes but the html is different.  Without looking too far into the code, the container objects are different widths and ultimately it is the margin between the thumbnails which is different.

Clipboard01.jpg
RobOwner (Aidellio)
Most Valuable Expert 2015

Commented:
the margin for those elements is based on a % of the container width.  There is an html element making the homepage wider than your sandbox
if I add class="wow" to each of your <li>...</li> in this page, they render 4 thumbs per row
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

Alicia St RoseOwner & Principle Developer/Designer

Author

Commented:
Rock stars!! Thank you SO much!!! It was indeed the wow class. I had a float attached to it. And I need to float the archive elements. The wow class is for the animations. Don't need them on the archive. I should've attached the float to another class.
Glad to help.
Question inactive

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial