[Résolu] Problème médias queries

Bonjour à tous

je me permets de vous contacter car je fais face à un problème de médias queries

voici ce que je veux

sur un site en cous de développement

j'ai une.div qui contient un titre

grâce aux médias queries je veux que :

sur les appareils de moins de 768 pixels de large ce titre s'affiche en rouge
sur les appareils en 768 et 1024 pixels de large ce titre s'affiche en bleu
sur les appareils de plus de 1024 pixels de large ce titre s'affiche en violet

les deux premières médias queries fonctionne bien sur les petit écrans le titre s'affiche bien en rouge et sur les écrans moyens le titre s'affiche bien en bleu mais sur les grands écrans le titre reste affiché en bleu et non en violet

voici le code en question :

@media (max-device-width: 767px) {
.header-text-title {
color: red;	
}
}
@media (min-device-width: 768px) and (max-device-width: 1023px) {
.header-text-title {
color: blue;		
}
}	
@media (min-device-width: 1024px) {
.header-text-title {	
color: purple;
}
} 

Merci de votre aide

Cordialement
Modifié par olivier51 (07 Aug 2019 - 18:38)

Tu devrais regarder là
https://developer.mozilla.org/fr/docs/Web/CSS/@media/device-width