Image Gallery

Summary

A responsive image grid with a lightbox/modal viewer — practice for CSS Grid, modal UI patterns, and keyboard navigation (arrows, Esc to close). The project combines responsive layout, stateful modal behavior, image loading, keyboard accessibility, focus management, and efficient media handling.

• 1Build a responsive grid using CSS Grid's `auto-fill`/`auto-fit`. Keep the first version small, then add one improvement after the core behavior works.
• 2Add a modal lightbox that opens on click with next/prev navigation. Test the result on both a successful path and an invalid or unexpected input.
• 3Support closing the modal with the Escape key and clicking the backdrop.