Tell us what’s happening:
I can not figure out why I cant pass test 44 “Your #chimney should have a top value that puts it at the top of your #house”. I checked my HTML and my CSS
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>House Painting</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="house">
<div id="roof"></div>
<div id="chimney"></div>
<div id="window-1"></div>
<div id="window-2"></div>
<div id="door"></div>
</div>
</body>
</html>
/* file: styles.css */
#house{
position:relative;
width:500px;
height:400px;
background-color:blue;
border:5px solid black;
}
#house > * {
position:absolute;
}
#roof{
width:492px;
height:100px;
border:4px solid black;
background-color:red;
top:0;
}
#chimney{
width:40px;
height:100px;
border:5px solid black;
background-color:rgb(37, 37, 82);
top:100px;
left: 400px;
z-index:-1;
}
#window-1{
width:35px;
height:45px;
border:2px solid white;
background-color:black;
top: 310px;
left: 50px;
}
#window-2{
width:35px;
height:45px;
border:2px solid white;
background-color:black;
top: 310px;
right: 50px;
}
#door{
width:60px;
height:80px;
border:6px solid black;
background-color:rgb(71, 29, 29);
bottom:0;
left:175px;
}
Challenge Information:
Build a House Painting - Build a House Painting