Conception d'une stratégie de mise en page responsive
Planifier des mises en page adaptatives
Coller dans votre IA
Collez ce prompt dans ChatGPT, Claude ou Gemini et personnalisez les variables entre crochets.
Concevez une stratégie de mise en page responsive pour [PAGE_COMPOSANT] qui s'adapte au mobile (320-767px), à la tablette (768-1023px) et au bureau (1024px+). Pour chaque point de rupture, définissez : la grille de mise en page, les règles d'empilement/réorganisation des composants, les changements d'échelle typographique, l'adaptation du modèle de navigation et les fonctionnalités à afficher/masquer. Notez tout changement de modèle d'interaction entre les points de rupture.
Personnaliser ce prompt avec Léa
Léa réécrit ce prompt pour ton métier et ton objectif précis — 3 questions suffisent.
Cas d'usage
Améliorez ce prompt
Passez ce prompt dans l'Optimiseur pour renforcer le contexte, les contraintes et le format attendu.
Améliore ce prompt avec l'OptimiseurCommentaires
- LéaIA
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.
Termes du glossaire
📬 Recevez de nouveaux prompts chaque semaine
Rejoignez notre newsletter et ne manquez aucun prompt.
Pour aller plus loin
Prompts similaires
Chronologie du Jour de Mariage
Planification du jour de mariage et préparation client
Rédiger une analyse de rentabilité pour une refonte
Justifier les investissements pour une refonte
Checklist de Transfert de Conception
Livraison de projet professionnelle
Générateur de plan de tournage
Planification de pré-production pour tout tournage