Build a House Painting - Build a House Painting

HTML-CSS
1

Tell us what’s happening:

Hey, I’ve completed this project but still fails on some steps. I don’t know why it doesn’t pass any of the borders I selected for each different house section, also having trouble putting my chimney in top of my house. Can you please help me?

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 */
#house {
  position: relative;
  width: 500px;
  height: 400px;
  background-color: #d9c8a8;
  border: 4px solid #654321;
  margin: 40px auto;
}
#house > div {
  position: absolute;
  border: 2px solid #333;
  background-color: #fff;
}
#roof {
  top: 0;             
  left: 50%;
  width: 300px;
  height: 80px;
  background-color: #a33;
  transform: translateX(-50%);
}
#chimney {
  top: 5px; 
  left: 60px;
  width: 40px;
  height: 120px;
  background-color: #555;
  border: ridge 3px black;
  z-index: -1;
}
#window-1, #window-2 {
  width: 80px;
  height: 80px;
  background-color: #add8e6;
  top: 130px;
}
#window-1 {
  left: 70px;
  height: 60px;
  width: 100px;
  border: (2px inset #222);
  background-color: #add8ec;
}

#window-2 {
  right: 70px;
}
#door {
  width: 120px;
  height: 150px;
  background-color: #8b4513;
  bottom: 0;                    
  left: 50%;
  transform: translateX(-50%);
}

Your browser information:

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

Challenge Information:

Build a House Painting - Build a House Painting

2

All might be fine but your code might not complete some of the challenges. They are testing for code that adheres to the tasks.

3

Thanks for your response. However that is something I already know, basically that is why I made this post, cause my code is not passing some steps and need help identifying what is missing in order to cover the project requirements. If you know what’s the problem with my code, please provide me with guidance that helps me find the solution to those steps

4

I got you bro. Here

#window-1 {
  left: 70px;
  height: 60px;
  width: 100px;
  border: (2px inset #222);
  background-color: #add8ec;
}


border: (2px inset #222);

The above is not the correct way to write a border. Correct that, then add borders as directed in the tasks.

5

Ok, thanks dude, and what about the chimney?

6

This will be helpful.