фотогалерея - выход за контент

[anboza]

Доброго времени, Уважаемые!
исполнение:

Использую bootstrap 4.3 для формирования фото галереи по принципу "пинтерест".

грид выглядит так:

<div class="container">
    <div class="grid">
        <a data-fancybox="gallery" href="путь_к_исходному_изображению">
            <img class="img-fluid" src="путь_к_уменьшенной_копии_изображения" alt="...">
        </a>
        <a data-fancybox="gallery" href="путь_к_исходному_изображению">
            <img class="img-fluid" src="путь_к_уменьшенной_копии_изображения" alt="">
        </a>
        ...
    </div>
</div>

формирователь "пинтерест- отображения": gridify.js

Формирователь полноразмерного просмотре: fancybox.js

работает, но не очень корректно.

 

Проблема и вопрос: при формировании сетки превью, она выходит запределы footer.

Складывается впечатление, что она находится просто вне структуры верстки, сверху, а футер прижимается под контейнер 600рх, как вроде внутри ничего нет...

выглядит итого, приблизительно так.

 

Заранее благодарен! ))))