responsiveness
Lesson 10 of 10 in Coddy's Solar Eclipse Animation | HTML/CSS Project course.
Challenge
Easy- Write a media query for max-width
768px. Inside @media query,
1. Target the
moonclass.2. Set the width and height to
160px.
Refer to hint if not sure, now, when adujsting the screen the moon will grow/shring accordingly!
Try it yourself
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>