Bonjour,

Je suis arrivée au cours sur les médias queries et dans l'exercice pratique, on nous demande de supprimer le liseré en format mobile. Mon problème est que mon liseré est inséré dans la bordure, comme vous pouvez le constater ci-dessous:

De ce fait, je ne sais pas comment faire, j'ai déjà tenté de mettre border-left 0px mais ça ne fonctionne pas.

Pouvez-vous m'aider s'il vous plait?

Merci d'avance

Salut,

Essayes ça : 

border-left: none;

Bonjour,

effectivement pas pratique ton histoire, alors le mieux à faire dans ton css tu va ecrire ta bordure comme ceci.

border-left: 100px solid rgba(124, 128, 247, 1);

ensuite dans la règle @media tu va passer son opacité à 0 et sa taille à 1px.

border-left: 1px solid rgba(124, 128, 247, 0);

Mais de toi à mois si dans ta règle @media tu écrivais ceci

border-left:0;

elle devrait disparaitre.

C'est gentil mais rien ne marche

Je me demande si je me suis pas trompée quelque part dans la création du média quérie, je l'ai fais comme ça:

A votre avis?

	
border-left: none !important;

Effectivement c'est ton media qui pose problème teste ceci

@media all and (max-width: 768px){

       body{
         border-left 0;
           }


}

En gros là on dit si tu est à 768 tu utilise ces règles, pense bien à écrire tes règles à l’intérieur des crochets du media {}

Ca marché, c'était bien ça le problème. Merci beaucoup pour votre aide à tous :-)