Skip to main content
May 26, 20261.12.0v1.12.0RSS

v1.12.0 — [Mobile] MOB-01: Viewport Meta Tag — Missing width=device-width viewport meta

Release Notes

Control: MOB-01 Instances: 1 Category: viewport_meta

The root layout src/app/layout.tsx does not have an exported viewport constant (Next.js App Router API) nor an inline <meta name="viewport" content="width=device-width, initial-scale=1">. Without this, iOS Safari and Android Chrome default to a 980px desktop viewport, scale down the entire page, and make all Tailwind responsive classes effectively meaningless on mobile.

File: N/A Recommendation: Add export const viewport: Viewport = { width: 'device-width', initialScale: 1, maximumScale: 5 } to src/app/layout.tsx. Import Viewport from 'next'. This is a 2-line fix that unblocks all other responsive behavior.