Bug: QR grid overflows on narrow mobile screens #3

New issue

Open

opened 2026-02-20 22:06:58 +00:00 by echo · 0 comments

echo commented

2026-02-20 22:06:58 +00:00

Owner

Problem

The QR cards grid uses a hard minimum width that can cause horizontal overflow on small devices.

Evidence

public/css/style.css uses grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
On ~320px viewports + container padding, cards overflow.

Acceptance criteria

No horizontal scroll on 320px wide viewport
QR cards remain readable and usable
Desktop layout unchanged

Linked PR

## Problem The QR cards grid uses a hard minimum width that can cause horizontal overflow on small devices. ## Evidence - `public/css/style.css` uses `grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));` - On ~320px viewports + container padding, cards overflow. ## Acceptance criteria - No horizontal scroll on 320px wide viewport - QR cards remain readable and usable - Desktop layout unchanged ## Linked PR - #11