CodyHouse Framework + Components are featured on Product Hunt! Join the discussion →

Projects

Progress value is 30%

Masonry

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

Copy: View demo

Dependencies

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:

Bug Report & Feedback

Get in touch: suggest a component or report a bug.

✅ Project duplicated

✅ Project created

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