0

If you do the math, the container is 946px / 5 (columns) = 189.2px. I don't see how they have managed to fit five columns in without extra space left over? Can be viewed here (1200px view).

Container

Coulmn

Improve this question
3
  • The calculation is correct, where is the problem? Commented Feb 16, 2015 at 11:46
  • @emmanuel 189px (width of column) * 5 = 945, however the container is 946px wide. Commented Feb 16, 2015 at 11:50
  • Include border of 1px that comes out to total of 946 Commented Feb 16, 2015 at 11:52

2 Answers 2

Reset to default
2

Their wrapper element, ul.products actually only has a width of 945px, plus 1px border left (and top). That's why their five columns with each a width of 189px add up with no space.

Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

0

This is the layout:

screen shot

1px left border. This is the CSS:

border-width: 1px 0 0 1px;
Improve this answer

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.