javascript - Masonry - Column width percent + gutter -

why can't show 4 items row if width of each 1 25% , gutter param 10? please me!

$('.grid').masonry({     itemselector: '.grid-item',     columnwidth: '.grid-sizer',     gutter: 10 }); 

http://codepen.io/davelins/pen/bdorga

change

.grid-item {   width: calc(25%); } 

to

.grid-item {   width: calc(25% - 10px);  }