3.1 KiB
Devoir de refactorisation CSS
Objectif
Refactoriser le projet de terrarium pour utiliser Flexbox ou CSS Grid pour la mise en page. Mettez à jour le HTML et le CSS si nécessaire afin d'obtenir un design moderne et réactif. Vous n'avez pas besoin de mettre en œuvre des éléments glissables—concentrez-vous uniquement sur la mise en page et le style.
Instructions
- Créez une nouvelle version de l'application terrarium. Mettez à jour le balisage et le CSS pour utiliser Flexbox ou CSS Grid pour la mise en page.
- Assurez-vous que l'art et les éléments sont en place comme dans la version originale.
- Testez votre design dans au moins deux navigateurs différents (par exemple, Chrome, Firefox, Edge).
- Prenez des captures d'écran de votre terrarium dans chaque navigateur pour démontrer la compatibilité inter-navigateurs.
- Soumettez votre code mis à jour et les captures d'écran.
Barème
| Critères | Exemplaire | Adéquat | À améliorer |
|---|---|---|---|
| Mise en page | Entièrement refactorisée avec Flexbox ou CSS Grid ; visuellement attrayante et réactive | Certains éléments refactorisés ; utilisation partielle de Flexbox ou Grid | Peu ou pas d'utilisation de Flexbox ou Grid ; mise en page inchangée |
| Compatibilité inter-navigateurs | Captures d'écran fournies pour plusieurs navigateurs ; apparence cohérente | Captures d'écran pour un navigateur ; légères incohérences | Pas de captures d'écran ou incohérences majeures |
| Qualité du code | HTML/CSS propre et bien organisé ; commentaires clairs | Organisation moyenne ; peu de commentaires | Code désorganisé ; absence de commentaires |
Conseils
- Consultez les guides Flexbox et CSS Grid.
- Utilisez les outils de développement des navigateurs pour tester la réactivité.
- Commentez votre code pour plus de clarté.
Avertissement :
Ce document a été traduit à l'aide du service de traduction automatique Co-op Translator. Bien que nous nous efforcions d'assurer l'exactitude, veuillez noter que les traductions automatisées peuvent contenir des erreurs ou des inexactitudes. Le document original dans sa langue d'origine doit être considéré comme la source faisant autorité. Pour des informations critiques, il est recommandé de recourir à une traduction humaine professionnelle. Nous déclinons toute responsabilité en cas de malentendus ou d'interprétations erronées résultant de l'utilisation de cette traduction.