Photo Gallery

Problem

Early on, I wanted a project that would force me to deal with real layout problems — responsive grids, image loading, and simple filtering — instead of following a tutorial line by line.

Approach

Built a plain HTML/CSS/JavaScript gallery: a responsive grid of images, click-to-expand viewing, and simple category filtering, with no framework to lean on so I'd have to understand the DOM directly.

Highlights

• · Responsive CSS grid that reflows cleanly from mobile to desktop
• · Vanilla JS event delegation for filtering and image expansion
• · No build tooling — a deliberate constraint to focus on fundamentals

Stack