Gallery with elements laid out in optimal position based on available vertical space.
All components are built upon the CodyHouse Framework.
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).
--masonry-grid-gap CSS custom property is used to set the grid gap.
🌅 Demo images: