UX-0036Pro
Mobile-First Responsive Design Breakpoint Strategy
UX / UIAdvancedText · Claude
Mobile
Prompt
This prompt is part of Pro
Create your free account to open 3 free prompts a day, or go Pro to open this one and the whole library.
Preview: the title, when to use it and the expected output. The prompt text opens with Pro.
When to use
Establishing a responsive design strategy that adapts layouts and components gracefully across all screen sizes
Expected output
A breakpoint strategy with grid specs, 10 component behavior rules, testing matrix, performance budgets, and documentation template
Tags
responsive designmobile-firstbreakpointslayoutgrid system