hi. totally blind and using a screen reader. so i cannot see. so doing the house painting lab in the css position section, and now got only one error left. have tried researching it on google and looking at other peoples code. but now cannot get to pass, only one error. so what am i doing wrong? yes reset the lesson multiple times. unless need to add the position, which i think i have done. so, can any one help me out and tell me whats wrong and how to fix it. and dont tell me if my code does not look like the same as the challenge or very similar. and please dont be condesending and then help me out. tried about 2 to 3 hours on this project. and totally stuck, and rewrote the code a few times the html and the css. help me out. so pasting my error message and the code below. marvin.
ps: pasting below.
Failed:40. Your #chimney
should have a top
value that puts it at the top of your #house
.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<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>
#house {
position: relative;
width: 500px;
height: 400px;
background-color: #f5deb3;
border: 2px solid #000;
margin: 50px auto;
}
#house > div {
position: absolute;
}
#roof {
top: 0;
left: 100px;
width: 300px;
height: 100px;
background-color: #a52a2a;
border: 2px solid #000;
}
#chimney {
top: 0; /* must be 0 /
left: 120px; / ensure it does not overlap roof edge */
width: 40px;
height: 80px;
background-color: #8b0000;
border: 2px solid #000;
z-index: -1;
}
#door {
bottom: 0;
left: 210px; /* centered in 500px house */
width: 80px;
height: 130px;
background-color: #654321;
border: 2px solid #000;
}
#window-1 {
top: 120px;
left: 80px;
width: 60px;
height: 60px;
background-color: #add8e6;
border: 2px solid #000;
}
#window-2 {
top: 120px;
right: 80px;
width: 60px;
height: 60px;
background-color: #add8e6;
border: 2px solid #000;
}