Portfolio Grid & Case Study Layout Pack

This product is specifically designed for portfolio websites, offering 7 distinct grid layout schemes (Isometric Grid, Masonry/Waterfall Effect, Overlay Title Grid, Rounded Card Grid, Border Hover Grid, Alternating Timeline Grid, and Full-screen Click-to-Expand Grid). Each layout includes HTML/CSS code snippets as well as source files compatible with Adobe XD. The dimensions for the image placeholders within the grids are clearly marked, allowing you to replace them with your own images with a single click.

Deliverables:
The ZIP archive contains:

/code folder: 7 .html files and their corresponding .css files

/xd folder: 7 .xd source files

/placeholder-images folder: Examples of recommended image aspect ratios for each layout set (JPEG)

A “Grid Replacement Guide” (.txt) explaining how to modify column counts and spacing

Limitations:
This product does not include features such as lazy loading for images, filtering buttons, or pagination. You will need to add JavaScript interactivity yourself.

File Size: Approx. 68MB