Computer scienceFrontendCSSBasic propertiesPositioning

z-index

Theory

The Moon

Report a typo

Christina is 56 years old and she is learning the basics of CSS, her grandson asked her to make a sky with a cloud and the moon with the skills she has learned so far.
She was able to do what her grandson asked but her grandson didn't like that the moon was in front of the cloud. Can you help her and put the moon behind the cloud?

Tip: Try with negatives values

Write HTML and CSS code
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="sky">
<div class="cloud"></div>
<div class="moon"></div>
</div>
</body>
</html>
Completed 3 of 4
The moon is behind the cloud.
The code is valid.
___

Create a free account to access the full topic