Build a House Painting - Build a House Painting

HTML-CSS
1

Tell us what’s happening:

Hi, I can’t pass the test 40. I tried the chimney height to “top:-500px;” and multiple heights but it doesn’t work. Can you give me a help? It could be not just a problem of height. Thanks!

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;
  top:100px;
  background-color:white;
  border: 5px solid black;
}

#roof{
  width:100%;
  height:50px;
  border:1px;
background-color:burlywood;
top: 0px;
position: absolute;
}

#chimney{
  width:50px;
  height:50px;
  border:1px;
background-color:firebrick;
position: absolute;
top:-60px;
z-index:-1;
}

#window-1{
  width:80px;
  height:80px;
  border:1px;
  bottom:220px;
  left:100px;
background-color: skyblue;
position: absolute;
}

#window-2{
  width:80px;
  height:80px;
  border:1px;
  bottom:220px;
  left:300px;
background-color:green;
position: absolute;
}

#door{
  width:80px;
  height:160px;
  border:1px;
background-color:burlywood;
bottom:0px;
left:205px;
position: absolute;
}

Your browser information:

User Agent is: Mozilla/5.0 (iPad; CPU OS 16_3_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.3 Mobile/15E148 Safari/604.1

Challenge Information:

Build a House Painting - Build a House Painting

2

Try let the top value equal your #chimney height!

3

By the way, your sytax of border is not correct.

border:border-width(required) border-style(required) border-color(optional)

4

Dang, It worked! Thanks Dovb1ek!

And, you’re right LOL I also corrected the border.

5

I met the same problem also when I was doing this!
You`re welcome! :smiley: