<!DOCTYPE html>
<!-- Please do not edit the code below. -->
<html>
<head>
<title> 3.4 CSS: Background Properties </title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<h1> SpaceLover123's Website! </h1>
<div id="about-me">
<h2> About me </h2>
<p> I love all things space related!</p>
</div>
<div id="fun-facts">
<h2> Some fun space facts </h2>
<ul>
<li> There are microscopic "water bears" called tardigrades that have been living on the moon since a spacecraft crash. </li>
<li> The coldest known place in the universe is actually on Earth! The coldest natural place in the universe is the <a href="https://en.wikipedia.org/wiki/Boomerang_Nebula"> Boomerang Nebula </a> which went as low as one degree away from absolute zero, the lowest theoretically possible temperature (about -459 degrees Farenheit) but laboratories on Earth have been able to achieve temperatures as low as a hundredth of a degree away! </li>
</ul>
</div>
<h2> Here's a picture of the Andromeda galaxy!</h2>
<img src="https://apod.nasa.gov/apod/image/0210/Andromeda_gendler_sm.jpg" width=50% height=30%>
</body>
<!-- Do not remove following lines. They're used to test. -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://sites.webjam.org/grader/assignment3.4.js"></script>
</html>
#fun-facts {
/* Please do not edit the background image. */
background-image: url("https://upload.wikimedia.org/wikipedia/commons/b/b2/Boomerang_nebula.jpg");
background-size: 50px 50px;
/* PART A:
Add code to repeat the background image.
Position the background image in the top left corner. */
}
#about-me {
/* Please do not edit the background image. */
background-image: url("https://media.wired.com/photos/5ba400b56278de2d21234724/191:100/pass/SPoW_Sept20_2018_03-FA.jpg");
background-size: 200px 100px;
background-repeat: no-repeat;
/* PART B:
Add code to move the background image to the top right corner. */
}
body {
/* Please do not edit the background image. */
color: white;
background-color: black;
background-size: 10%;
background-image: url("https://d.newsweek.com/en/full/408892/12-24-15-christmas-full-moon.jpg");
}
