Simple, responsive and lightweight Masonry Grid jQuery Plugin.
Add the script before closing the <body> tag (make sure you use the right path):
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Masonry Grid Plugin -->
<script src="js/jquery.masonryGrid.js"></script>There is a demo file demo/index.html in the repository you can use as reference.
These options are the default options so this usage would be a little redundant.
<script>
jQuery(document).ready(function($) {
$('.my-masonry-grid').masonryGrid({
'columns': 3,
'breakpoint': 767
});
});
</script>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent