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
Réponds à 3 questions, Léa adapte le prompt à ta situation.
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
Email de proposition d'abonnement mensuel
Générer des revenus récurrents auprès de clients commerciaux
Texte pour forfaits photo
Texte de la page de tarification de votre site web de photographe
Planifier une migration de système de conception
Migrer vers un nouveau système de conception
Ordre du jour de la session de découverte de rebranding
Projets stratégiques de rebranding