Bonjour à tous,

Je rencontre un problème lorsque j'applique mes médias, j'ai un décalage à droite du body présent sur plusieurs tailles d'écran.
Comment rendre automatiquement la largeur du corps égale à la largeur de l'appareil dans la requête multimédia CSS3?

J'ai essayé d'introduire un width à 100% mais je crois que cela ne change pas grand chose.
Un écran normalement ne devrait pas bouger ni de droite ni de gauche mais seul le haut et bas pour la navigation , nous sommes bien d'accord ?
Je voudrai rajouter à chaque media la propriété body avec sa valeur.
Merci de votre aide

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
@media screen and (max-width: 999px) {
  .logo {
    padding: 0%;
    margin: 2rem 17rem 0 2rem;
  }
 
}
 
@media screen and (max-width: 600px) {
 
  .logo {
    margin-bottom: 20px;
  }
 
}
@media screen and (max-width: 320px) {
  .logo {
    height: 2em;
    width: 4em;
  }
}