Design a responsive layout strategy
Plan responsive layouts
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Design a responsive layout strategy for [page/component] that adapts across mobile (320-767px), tablet (768-1023px), and desktop (1024px+). For each breakpoint, define: layout grid, component stacking/reordering rules, typography scale changes, navigation pattern adaptation, and which features to show/hide. Note any interaction pattern changes between breakpoints.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Learn more
Check the full skill on Prompt Guide to master this technique from A to Z.
View on Prompt Guide📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Similar Prompts
Evaluate Climate Impact on Architectural Design
Analyze climate impact on your architectural projects and integrate resilience strategies from the design phase.
Write Impactful Advertising Copy
Writes persuasive advertising copy by exploring multiple creative angles using the AIDA method.
Evaluate a design for accessibility
Audit designs for accessibility
Explainer Video Script
Create engaging educational videos