search

desandro / masonry

:love_hotel: Cascading grid layout plugin
https://masonry.desandro.com
16.38k stars 2.11k forks source link

Masonry gallery not working fine with 4 columns #1082

Closed MalikZohaib closed 5 years ago

MalikZohaib commented 5 years ago

Test case: https://codepen.io/anon/pen/yZEBXQ?selected_tag=masonry&

merefield commented 5 years ago

Your calculation for width is incorrect, Use 30px (for 3 x gutters ie n-1), instead of 20px, so:

  width: calc((100% - 30px)/4);
MalikZohaib commented 5 years ago

yes its working fine now.. Thanks for the correction.

merefield commented 5 years ago

np, happy tiling :)