mobile-adaptive-layout

When to use

• When implementing layouts that must support multiple device sizes or orientations.
• When a screen includes long text, forms, maps, media, grids, or side-by-side content.
• When tablet, foldable, landscape, localization, or keyboard behavior is in scope.

Core analysis model

• Define behavior for small phones, large phones, tablets, and foldables when relevant.
• Choose size-class or breakpoint behavior.
• Prioritize content when vertical or horizontal space is constrained.
• Plan safe area, inset, keyboard, split-screen, and orientation behavior.
• Account for localization growth and dynamic text.
• Define fallback layouts rather than letting constraints fail.

Required outputs

• Adaptation rules.
• Breakpoints or size-class behavior notes.
• Content priority for constrained space.
• Layout fallback behavior.