изотопные элементы, отображающие поверх друг друга

Question

Вот это скрипку:

https://jsfiddle.net/qdhw0o3a/2/

Я не могу понять, почему все элементы показываются друг на друга? Это имеет какое-то отношение к настройкам? Я просто использую стандартные настройки (насколько я могу судить), которые должны приводить к поведению, сходному с веб-сайтом.

$('.grid').isotope({ 
    itemSelector: '.grid-item', 
    layoutMode: 'masonry', 
}) 

Answer 1

вы должны дать img и max-height и max-width.

см. Обновленный Fiddle