Build a House Painting - Build a House Paintinghouse painting error

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;
}

helloo there, could you please also include this step/exercise url as well?

happy coding :slight_smile:

hi, heres the correct url. sorry, marvin.

hi, heres the url.
marvin.

you have written a comment here that the top value of the chimney must be 0, why is that?

hi, i dont know, maybe was reading someone elses code on another search or a earlier forum. so not sure, so how to fix this to pass? please advice. cannot see , totally blind and using jaws 2025 screen reader.
marvin.

hi, made a mistake. did not mean to do a comment. my fault. sorry marvin.

I don’t care about the presence of the comment, I am asking about your reasoning, why do you think it should be 0?

Do you think that is going to match the requirements that the chimney is at the top (above) the house?

More descriptive, the bottom border of the chimney needs to match the top border of the house

hi, i dont know. totally blind and cannot see. so how to get it to pass. you let me know how i can then get this and how high the chimney. first time doing this sort of graphical webpage. so, help me out if possible. not to do it for me, but to tell me why the height of the chimney, and how to get it to pass.
marvin.

hi. got it to work. thanks.

the height is arbitrary, it is important that you move it upward of an equal amount to its height tho