# Mobile and Tablet QA

The UI is mobile-first enough for MVP testing, but commercial launch still needs real-device QA.

## Viewports to test

- Mobile small: 360 x 740
- Mobile large: 430 x 932
- Tablet portrait: 768 x 1024
- Tablet landscape: 1024 x 768
- Desktop: 1440 x 900

## Critical flows

- Public homepage, event listing, and event detail.
- Seat selection with quantity matching.
- Child/adult ticket validation.
- Checkout draft creation and local payment simulation.
- Ticket wallet and QR ticket display.
- Scanner page and offline sync flow.
- Organiser event media upload and ticket setup.
- Admin theme studio, feature controls, and system health.

## Acceptance checks

- No horizontal scrolling on normal content.
- Seat buttons are large enough to tap.
- The 15-minute seat hold notice and countdown are visible during seat selection.
- Public event detail shows Booking and Seat-map tabs.
- The Seat-map tab is blank unless the organiser uploaded a separate PDF/image reference for the selected reusable seat map.
- Reserved seating sections are separated into section tabs and non reserved sections can be purchased without selecting a physical seat.
- Checkout summary remains readable.
- Forms have visible labels and focus states.
- Buttons are at least 48px high on mobile.
- Long IDs, email addresses, and checkout messages wrap without overlapping.
- Admin and organiser sidebars are scrollable and usable on tablets.
- Uploaded images preserve useful crop/preview areas.