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
Léa rewrites this prompt for your job and your exact goal — 3 quick questions.
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.