Masonry Gallery

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Masonry

<!-- Plugin Js -->
<script src="assets/bundles/masonry.bundle.js"></script>

<!-- HTML -->
<div class="row g-2" data-masonry='{ "percentPosition": "true" }'>
    <div class="col grid-item"><img class="img-fluid rounded-4" src="img url here" alt="" ></div>
</div>