Tailwind CSS
Avancé
Refactorisation d'un layout complexe vers une grille responsive Tailwind

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

tailwind
grid
responsive
layout
dashboard

Scénario Technique

Contexte : Vous reprenez un dashboard construit avec Tailwind où les widgets sont positionnés avec des largeurs fixes et des marges manuelles. Le Problème : L'affichage casse sur tablette et mobile car la structure ne s'adapte pas correctement aux différentes tailles d'écran. Contraintes : Utiliser uniquement les classes utilitaires Tailwind (grid, col-span, breakpoints). Aucun CSS personnalisé. Code actuel : <div class="flex"> <div class="w-1/4">Sidebar</div> <div class="w-3/4">Content</div> </div> Livrable attendu : Refactoriser le layout en utilisant une grille responsive avec breakpoints adaptés pour desktop, tablette et mobile.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    Tailwind CSS - Refactorisation d'un layout complexe vers une grille responsive Tailwind | Test Technique & Recrutement