レスポンシブ対応
Coddyの「日食アニメーション | HTML/CSS プロジェクト」コースのレッスン 10/10。
チャレンジ
簡単- max-width が
768pxのメディアクエリを記述してください。 @media クエリの中で、
1.
moonクラスをターゲットにします。2. width と height を
160pxに設定します。
わからない場合はヒントを参照してください。これで、画面を調整すると月がそれに応じて拡大/縮小します！
自分で試してみよう
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>