Tous les exercices / CSS3 / Exercice 6
Précédent Suivant

Responsive Design

Moyen 15 points

Rendez le texte rouge sur les petits écrans (largeur maximale 600px) en utilisant une media query.

Le responsive design adapte le design aux différentes tailles d'écran. Les media queries (@media) permettent d'appliquer des styles conditionnels selon la largeur de l'écran. max-width définit la largeur maximale pour laquelle les styles s'appliquent.

Bravo ! 🎉
Votre réponse est correcte ! Vous avez gagné 15 points.
Pas tout à fait...
Réessayez ! Vous pouvez le faire.

Votre code

Indice
Utilisez @media (max-width: 600px) { p { color: red; } } pour appliquer le style rouge sur les écrans de moins de 600px.

Résultat

Cliquez sur "Exécuter le code" pour voir le résultat de votre code. Cliquez sur "Soumettre" pour vérifier si votre réponse est correcte.