Masonry.js. Проблема выравнивания ⇐ Html

[Anonymous]

В моей галерее Masonry.js и Isotope.js есть небольшой пробел в правой стороне. Мне нужно знать, как это может исправить?
$(document).ready(function () {
// Initialize Masonry
$('.gallery').masonry({
itemSelector: '.gallery-item',
columnWidth: '.gallery-item',
fitWidth: true
});

// Initialize Isotope (for filtering)
var $grid = $('.gallery').isotope({
itemSelector: '.gallery-item',
layoutMode: 'masonry'
});

// Filter items when filter button is clicked
$('.filter-btn').on('click', function () {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
});

< /code>
my css: < /p>
.gallery {
width: 100%;
max-width: 1000px;
margin: auto;
padding: 5px;
display: grid;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
< /code>
Предварительный просмотр < /p>
Я пробовал разные методы, чтобы исправить это, но мне не удалось. Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/794 ... ment-issue