Tailwind CSSمتقدم
Création d'un layout dashboard avec sidebar responsive
السيناريو
Contexte : Une application SaaS affiche une sidebar fixe et un contenu principal. Le Problème : Sur mobile, la sidebar occupe toute la largeur et gêne l'affichage. Contraintes : Utiliser uniquement les classes Tailwind pour gérer responsive et visibilité. Livrable attendu : Implémenter un layout dashboard avec sidebar visible sur desktop et adaptée ou masquée sur mobile.
المهارات المستهدفة
tailwindsidebarresponsivedashboardlayout
حالات تطبيقية أخرى في Tailwind CSS
- Correction d'un texte trop long avec troncature éléganteأساسي
- Conception d'un système de variants personnalisés dans Tailwind configخبير
- Correction d'une image déformée dans une carte responsiveأساسي
- Création d'un système de composants réutilisables via @applyخبير
- Création d'un bouton avec effet hover et transition fluideأساسي
- Création d'un système de design tokens avancé avec configuration Tailwindخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى