Skip to content

feat: add ImageGallery component for collection artwork grid - #197

Open
Buchi-Einstein wants to merge 2 commits into
AudioBitsStellar:mainfrom
Buchi-Einstein:issue-100-imagegallery
Open

feat: add ImageGallery component for collection artwork grid#197
Buchi-Einstein wants to merge 2 commits into
AudioBitsStellar:mainfrom
Buchi-Einstein:issue-100-imagegallery

Conversation

@Buchi-Einstein

Copy link
Copy Markdown

Implements a responsive image gallery for collection artwork in a 2x2 grid.

  • 2x2 CSS Grid layout with 1:1 aspect ratio cells
  • Overflow +N badge on 4th cell when images exceed 4
  • IntersectionObserver-based lazy loading (200px root margin)
  • next/image with fill mode and responsive sizes
  • Graceful fallback gradient placeholder on missing/broken images
  • Click handler per cell, keyboard accessible
  • Aspect-ratio enforced via CSS

Closes #100

@vercel

vercel Bot commented Jul 27, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the akatenvictor's projects Team on Vercel.

A member of the Team first needs to authorize it.

@drips-wave

drips-wave Bot commented Jul 27, 2026

Copy link
Copy Markdown

@Buchi-Einstein Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Build ImageGallery component for collection artwork grid

1 participant