Responsive Design
This layout adapts to Mobile, Tablet (including iPad Pro), and Desktop.
Mobile (< 768px)
Bottom navigation, full screen, standard touch targets (48px).
Tablet (768px - 1436px)
Full screen, larger touch targets (56px), more padding.
Includes: iPad Mini, iPad, iPad Air, iPad Pro 11" & 12.9"Tablet Landscape (≥ 1024px)
Sidebar navigation, constrained content width, optimized for wide screens.
Desktop (≥ 1437px)
414px phone mockup with shadow and bezel on dark background.
iPad Pro 12.9" landscape max is 1366px, so it stays in tablet mode
Scrollable Area