Почему блоки в масонри выстраиваются именно так?

Question

[Александр]

https://codepen.io/anon/pen/oQPKKK

Как исправить, чтобы блок последний встал в ряд во второй

Answer 1

[RAX7]

https://codepen.io/anon/pen/pQxgaP
Задать columnWidth: '.grid-sizer', и задать класс grid-sizer одному из элементов с шириной 25%

Comments

[Александр]

А почему так работает? У меня на странице просто много различных вариантов ,хотелось бы разобраться

[RAX7]

Александр, в документации написано:

We recommend setting columnWidth. If columnWidth is not set, Masonry will use the outer width of the first item.

первый элемент в сетке шириной 50%, а нужно 25%

[Александр]

RAX7, благодарю )