Case Studies Image Grid

A responsive grid layout displaying case studies with full-bleed background images, company logos, and hover zoom effects. Features a 2-column asymmetric grid where the first and fifth items span 2 rows for visual hierarchy. Each card shows a gradient overlay, company logo at top, and case study title at bottom. Ideal for showcasing client success stories, portfolio highlights, or featured projects with strong visual impact.

View API
case-studiesportfoliogridimagesclientssuccess-storiesprojectsshowcasehover-effectsvisual

Live Preview

Loading preview...

Preview Error

Component not registered

Showing live desktop render of Case Studies Image Grid — rendered in an isolated iframe environment.

Performance Metrics

OpenSite Logo

Delivering the world's first Semantic UI site builder

Components

© 2026 OpenSite. All rights reserved.