masonrygallery

Masonry photo gallery, scales and aligns photos with original ratio to fill container. Responsive, light and simple to use. One control: max rows' height. JavaScript ES6, CSS3 FlexBox are used, no additional dependencies.

Usage:

1. Add references to CSS masonry_gallery_rows.css and JS masonry_gallery_rows.js in your HTML
2. Add

   class="masonry-gallery-rows"

   in your container with photos.
3. You can change max rows' height in masonry_gallery_rows.js
4. You can change paddings, borders and margins of images in CSS file.

See example of usage in index.html.