Redimensionnement de blocs

Pour vous familiariser avec les media-queries, je vous ai préparé une page simple, agencée d'une certaine manière pour les écrans desktop. Vous allez devoir mettre en place plusieurs règles CSS pour modifier son apparence selon différentes résolutions :

En dessous de 1200px :

• la taille du body doit faire la taille du device

En dessous de 1000px :

• les sections produits doivent faire 50%

En dessous de 600px :

• le h2 ayant l'id title doit disparaitre
• les produits doivent faire 100% de largeur
• les colonnes du footer doivent faire 100% de largeur, avec un texte centré et une bordure inférieure
• le listes du footer doivent être centrée
• les points de liste ne doivent plus avoir de puce

Vidéo de présentation :