Masonry: remove gutter from last column
fluid, gutter, jquery-isotope, jquery-masonry, responsive-design
Solution
@desandro kindly tweeted the solution - the issue was with my % calculations which should have been:
`(container width - (columns * column width)) / number of gutters = gutter width`
So, in my example: `(100% - (4 * 24%)) / 3) = 1.33333333333333%`
http://codepen.io/desandro/pen/ybluC
Problem
Been working with the new version of Masonry which seems to work much smoother, especially for the fluid/responsive build I am doing. One issue I have encountered, however - I am not sure how to remove the gutter on the far right of the .masonry container so that items are flush with the edge. Here is the codepen example: http://codepen.io/iamkeir/pen/xlcBj I could potentially set a width and `overflow:hidden` to crop off that last gap, but not ideal. Equally, I tried adding a `padding-left: 1%` but this changes the width of the container so the percentages are no longer accurate. Any ideas/tips would be greatly appreciated!