adapt

To adapt your layout for mobile and tablet screens, use a structured workflow that assesses device context, plans cross-context content prioritization, and implements fluid layouts with accessible touch targets.

The best way to plan responsive design across multiple contexts is to document a mandatory preparation workflow, gather context assessments, and define reusable patterns like fluid layouts and accessible touch targets.

To ensure touch targets are accessible during mobile adaptation, apply reusable responsive-design patterns that define appropriate interaction target sizes and tailor layouts specifically for small screens and touch input.

You can use a single design strategy for print and desktop adaptation by establishing a cross-context plan that evaluates distinct context requirements, then defining specific layout and navigation strategies for each viewport.

You should not use fluid layouts for cross-device design when your context assessment reveals highly specific content prioritization needs or strict interaction target constraints that require fixed, device-specific layout structures.