السلام عليكم ورحمة الله

بلجن masonry.js يستخدم لتوليد واجهات تحتوى على عناصر غير متساوية الإرتفاع

قمت بإدراجه فى مشروعى لأصمم به واجهة رئيسية و لكن للأسف واجهتنى مشكلة أنه يوجد فجوات بين العناصر مثلما هو موضح فى الصورة

هل من مساعده ؟

للعلم هذا هو الكود المستخدم :

    <script src="http://localhost/test/assets/masonry/jquery.masonry.min.js"></script>

    <script>
        $('#masonry').masonry({
          itemSelector: '.single_home_item',
          columnWidth : 340,
          isResizable:true,
          isRTL:true,
          containerStyle: { position: 'relative' },
          gutterWidth:10,
          isFitWidth:true
        });
    </script>