- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Challenge: CAT Academy</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="block">
<div class="bg"></div>
</div>
</body>
</html>
CSS
html,
body {
margin: 0;
padding: 0;
}
.block {
width: 300px;
height: 300px;
background-color: #3498db;
}
.bg {
height: 300px;
}
/*
Image addresses:
cat_fish_128.png
cat_grumpy_128.png
cat_drunk_128.png
cat_walk_128.png
cat_academy.png
star.png
Hint:
All of the coordinates (for background-position) are multiples of either 5 or 10.
*/
- Goal
- Result
- Overlay
- Differences
- ?
Press Compare to send your code for review.