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
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Ajoutez un point de rupture « très grand écran » (>1440px) pour gérer les marges de confort et les grilles multi-colonnes. Priorisez le contenu en mobile-first : les fonctionnalités masquées sur mobile doivent l’être dès la conception, pas après coup.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.