Hi, I am stuck on step 44 of the House Painting project.
The test says: “Your #chimney should have a top value that puts it at the top of your #house.”
I have already set position: absolute and top: 0px for the #chimney. My stylesheet is correctly linked and the chimney is inside the #house.
But the test is still failing. Can someone please help me understand what I am missing?
Here is my CSS code:
#house {
position: relative;
width: 500px;
height: 400px;
background-color: lightblue;
border: 3px solid black;
}
/* All children absolute */
#house > div {
position: absolute;
}
/* Roof */
#roof {
width: 500px;
height: 100px;
border: 2px solid black;
background-color: brown;
top: 0;
}
/* Chimney */
#chimney {
width: 60px;
height: 100px;
border: 2px solid black;
background-color: gray;
top: 0;
left: 50px;
z-index: -1;
}
/* Windows */
#window-1 {
width: 80px;
height: 80px;
border: 2px solid black;
background-color: white;
top: 120px;
left: 80px;
}
#window-2 {
width: 80px;
height: 80px;
border: 2px solid black;
background-color: white;
top: 120px;
right: 80px;
}
/* Door */
#door {
width: 100px;
height: 150px;
border: 2px solid black;
background-color: darkred;
bottom: 0;
left: 200px;
}