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

Scénario

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.

Compétences ciblées