Responsivité
Leçon 10 sur 10 du cours Animation d'éclipse solaire | Projet HTML/CSS de Coddy.
Défi
Facile- Écrivez une media query pour une largeur maximale (max-width) de
768px. À l'intérieur de la règle @media,
1. Ciblez la classe
moon.2. Définissez la largeur (width) et la hauteur (height) sur
160px.
Consultez l'indice si vous n'êtes pas sûr, maintenant, lors du redimensionnement de l'écran, la lune s'agrandira ou rétrécira en conséquence !
Essayez vous-même
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>