Build a House Painting - Build a House Painting

Curriculum Help
1

Tell us what’s happening:

made an effort ot get this one right, even with all the other people that have struggled with this, I tried changing the top: -26%; in chimney. I am not able to get past this one question. I looked up other peoples freecode camp questions, they all managed to figure it out… I set the top to -100%; and still failed…thanks for any advice as i’m stumped.

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="chimney"></div>
<div id="roof"></div>
<div id="window-1"></div>
<div id="window-2"></div>
<div id="door"></div>
</div>
</body>
</html>

/* file: styles.css */
* {
  box-sixing: border-box;
}
body {
  background-color: rgb(0, 225, 255);
  margin: 100px 70px;
  }

#house {
position: relative; 
border: 4px solid rgb(146, 136, 0);
background-color: rgb(0, 78, 147);
 width: 500px;
    height: 400px;
    z-index: auto;
}
#chimney {
  position: absolute;
  top: -26%;
    left: 75%;
    width: 75px;
    height: 100px;
    border: 2px solid black;
    background-color: red;
    z-index: -1;
}
#roof {
  position: absolute; 
  top: 0; 
  background-color: brown;
  width: 100%; 
  height: 20%; 
  border: 3px solid brown;
  z-index: 2;
}
#window-1 {
  position: absolute;
  background-color: goldenrod; 
  top: 30%; 
  left: 10%;
  width: 20px; 
  height: 30px;
  border: 2px solid rgb(146, 136, 0);
  z-index: 3;
}
#window-2 {
  position: absolute; 
  background-color: goldenrod;
  top: 30%;
  right: 10%;
  width: 20%;
  height: 30%; 
  border: 2px solid rgb(146, 136, 0);
  z-index: 3;
}
#door { 
  position: absolute; 
  bottom: 0;
  width: 25%;
  right: 37%;
  height: 50%; 
  border: 2px;solid rgb(146, 136, 0);
  background-color: goldenrod;
  z-index: 4;

}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/148.0.0.0 Safari/537.36 Avast/148.0.0.0

Challenge Information:

Build a House Painting - Build a House Painting

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-house-painting/66d6a7a3e1aa411e94bf2346.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

I keep working on it and looking at what I could have written in wrong, more chance it’s my error but nope I’ve readjusted a few things, I have a chimney on the top of my house…but it says I don’t, but it definitely has a red chimney

3

delete this is needs be! I managed to get it past that refused answer with the #chimney selector. Thank god I can keep at it!

4

Hi @bunnyprog,

This is the second time I’ve seen you post to ask for help but ended up solving the issue yourself.

And that’s okay, but would you please mark one of your posts as the solution, so we know you no longer need help?

Thank you.