Tailwind CSSخبير
Création d'un système de composants réutilisables via @apply
السيناريو
Contexte : Plusieurs composants répètent les mêmes ensembles de classes utilitaires. Le Problème : Le HTML devient surchargé et difficile à maintenir. Contraintes : Utiliser @apply dans un fichier CSS intégré à Tailwind. Livrable attendu : Structurer des classes composées via @apply afin de réduire la duplication tout en conservant l'esprit utility-first.
المهارات المستهدفة
tailwindapplycomponentsarchitecturemaintainability
حالات تطبيقية أخرى في Tailwind CSS
- Correction d'une image déformée dans une carte responsiveأساسي
- Création d'un menu déroulant accessible uniquement avec Tailwindمتقدم
- Création d'un bouton avec effet hover et transition fluideأساسي
- Implémentation d'un formulaire responsive cohérentمتقدم
- Création d'un header sticky avec Tailwindأساسي
- Implémentation d'un système de cartes responsive avec auto-fitمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى