🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →


Progress value is 30%


Gallery with elements laid out in optimal position based on available vertical space.

Copy: View demo


All components are built upon the CodyHouse Framework.

How To

The Masonry component can be used to create a gallery where items are automatically arraged based on available vertical spacing.

You can set a minimum width for the items in your grid using the --masonry-col-auto-size CSS variable; this will automatically determine the number of columns in your grid (no CSS media queries required).

The --masonry-grid-gap CSS custom property is used to set the grid gap. 

🌅 Demo images:

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us