Responsive Grid

Cards reflow automatically as you resize. No media queries needed thanks to CSS Grid’s auto-fit/minmax.

Dark / Light Mode

CSS variables switch on [data-theme="dark"]. A single JS line toggles your theme.

Hover Effects

Subtle translateY and box‑shadow changes on hover draw attention without jarring animations.

Sticky Header

The header stays at the top and changes shadow on scroll (via pure CSS position:sticky).