J'ai repris le site re robbie lens pour faire des essaies, notamment avec les medias queries.
J'ai ce bout de code venant des exos corrigé du cours HTML/CSS (que j'ai changé légèrement) :
@mediascreenand (max-width: 996px) {
header {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 15px;
}
headera {
font-size: 2vh;
}
}
Il marche très bien mais quand je change seulement le breakpoint (je met par exemple 800px à la place de 996px) les changements ne s'appliquent pas. Quand j'ajoute d'autres @media screen avec des breakpoints différents aucun ne marche.
J'utilise VS code et j'affiche la page via google chrome.
Bonsoir, Évitez les titres de sujet avec "problème" si vous postez on se doute que vous avez un problème, l'indiquer dans le titre n'apporte aucune information quant au contenu du sujet.
Merci d'utiliser le bouton code </> de la barre d'outil du forum pour insérer un code sur le forum.
>> les changements ne s'appliquent pas.
CTRL + F5 pour recharger la page sans tenir compte du cache du navigateur.
Si le problème persiste, pourriez-vous postez le code que vous avez écrit en ayant vérifier sa syntaxe auprès du validateur (HTML et CSS) => https://validator.w3.org/