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 :