CSS3
Expert
Refactorisation complète d'un layout legacy vers CSS Grid avancé

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

css3
grid
layout
architecture
responsive

Scénario Technique

Contexte : Vous reprenez une application interne utilisant floats et positions absolues pour structurer un dashboard complexe. Le Problème : Le layout est fragile, difficilement maintenable et casse sur plusieurs tailles d'écran. Contraintes : Vous devez utiliser exclusivement CSS Grid. Aucun framework externe. Le HTML existant ne peut pas être modifié. Code actuel : .container { width: 100%; } .sidebar { float: left; width: 250px; } .content { margin-left: 250px; } Livrable attendu : Refactoriser complètement la structure en utilisant grid-template-areas et une configuration responsive robuste.

Prêt à évaluer ce talent ?

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

Commencer le Défis