html tag

Lesson 5 of 10 in Coddy's Solar Eclipse Animation | HTML/CSS Project course.

Challenge

Easy

In the CSS file, target the html tag:

Set the margin and padding to 0px.
Set the height to 100%.
Set box-sizing to border-box.

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>

All lessons in Solar Eclipse Animation | HTML/CSS Project

1HTML

What are you going to make?Code Setup The Moon Container

2CSS

Universal tag

html tag

body tag

moon class

moon class pseudo-element

eclipse animation

responsiveness

Practice on your own: Web playground