Refactorisation d'un layout complexe vers CSS Grid responsive

Scénario

Contexte : Vous reprenez une page dashboard affichant plusieurs widgets analytiques organisés en colonnes fixes. Le Problème : Le layout casse sur tablette et mobile car il repose sur des largeurs fixes en pixels. Contraintes : Utiliser CSS Grid uniquement. Aucun framework externe. Le HTML ne peut pas être modifié. Code actuel : .container { display: block; } .widget { width: 300px; float: left; } Livrable attendu : Refactoriser le layout en utilisant CSS Grid avec des colonnes adaptatives (repeat, minmax) afin d'obtenir un affichage responsive propre.

Compétences ciblées