📄 Rendre un formulaire responsive avec CSS

Les formulaires doivent rester clairs et faciles à remplir, même sur petit écran. Voici comment structurer un formulaire qui s’adapte automatiquement grâce au CSS.

🎯 Exercice : Formulaire contact adaptatif

🧠 Explications pédagogiques

• .form-row regroupe des champs côte-à-côte sur grand écran.
• Avec flex-wrap: wrap et min-width, les champs passent en colonne sur mobile.
• On utilise label + for pour l’accessibilité (navigation au clavier, lecteurs d’écran).
• Le style responsive est contrôlé avec une simple règle @media screen and (max-width: 600px).

💡 Astuce : Utilise des unités relatives (%, rem) plutôt que px pour un design fluide.