# Build a House Painting - Build a House Painting

**URL:** <https://forum.freecodecamp.org/t/build-a-house-painting-build-a-house-painting/802379>\
**Category:** Curriculum Help\
**Tags:** html-css, css\
**Created:** [October 17, 2026, 3:16pm UTC](https://forum.freecodecamp.org/t/build-a-house-painting-build-a-house-painting/802379 "2026-10-17T15:16:51Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![SimbaBrynMahaja](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@SimbaBrynMahaja](https://forum.freecodecamp.org/u/SimbaBrynMahaja)\
**Post date:** [October 17, 2026, 3:16pm UTC](https://forum.freecodecamp.org/t/build-a-house-painting-build-a-house-painting/802379/1 "2026-10-17T15:16:51Z")

</div>

### Tell us what’s happening:

I do have my #house on position relative, yet it keeps being rejected. How relative does it needs to be positioned?

### Your code so far

```html
<!-- 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" rel="styles.css"/>
</head>
<body>
    <div id="house">
        <div id="chimney"></div>
        <div id="roof"></div>
        <div id="window-1">
            <div class="window-1-left"></div>
        </div>
        <div id="window-2">
            <div class="window-2-right"></div>
        </div>
        <div id="door"></div>
    </div>
</body>
</html>

```

```css
/* file: styles.css */
#house {
  position: relative;
  top: 30px;
  left: 30px;
  width: 500px;
  height: 400px;
  background-color: gray;
  border: 3px solid #110f11;
}

#chimney {
  position: absolute;
  top: 50px;
  right: 120px;
  z-index: -1;
  width: 40px;
  height: 370px;
  border: 1.5px solid #110f11;
  background-color: #fff2f2; 
}

#roof {
  position: absolute;
  top: 0;
  margin: 0 auto;
  width: 600px;
  height: 150px;
  border: 2px solid coral;
  background-color: #fff2f2;
}

#window-1 {
  position: absolute;
  top: 20px;
  left: 40px;
  display: flex;
  align-self: flex-start;
  margin-top: 20px;
  aspect-ratio: 1/3; 
  width: 80px;
  height: 100px;
  border: 2px solid rgb(239, 239, 160);
  background-color: gray;
}

.window-1-left {
  display: flex;
  justify-content: space-around;
}

window-2 {
  position: absolute;
  top: 20px;
  right: 40px;
  display: flex;
  align-self: flex-start;
  margin-top: 20px;
  aspect-ratio: 1/3;
  width: 80px;
  height: 100px;
  border: 2px solid rgb(239 239 160);
  background-color: gray;
}

.window-2-right {
  display: flex;
  justify-content: space-around;
}

#door {
  position: absolute;
  top: 50px; 
  left: 30px;
  display: flex;
  align-self: flex-end;
  width: 80px;
  height: 150px;
  border: 2px solid rgb(239 239 160);
  background-color: gray;
}

```

### Your browser information:

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

### Challenge Information:

Build a House Painting - Build a House Painting

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-house-painting/build-a-house-painting)**
>
> Learn to Code for Free

GitHub Link: [freeCodeCamp/curriculum/challenges/english/blocks/lab-house-painting/66d6a7a3e1aa411e94bf2346.md at main · freeCodeCamp/freeCodeCamp · GitHub](https://github.com/freeCodeCamp/freeCodeCamp/blob/main/curriculum/challenges/english/blocks/lab-house-painting/66d6a7a3e1aa411e94bf2346.md)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [October 17, 2026, 4:25pm UTC](https://forum.freecodecamp.org/t/build-a-house-painting-build-a-house-painting/802379/2 "2026-10-17T16:25:22Z")

</div>

> [@SimbaBrynMahaja](#):
>
> `<link rel="stylesheet" rel="styles.css"/>`

double check this line

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [October 19, 2026, 4:25pm UTC](https://forum.freecodecamp.org/t/build-a-house-painting-build-a-house-painting/802379/3 "2026-10-19T16:25:56Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.