Build a House Painting - Build a House Painting

Tell us what’s happening:

Failing number 44. I and Copilot have tried many different ways to pass. The chimney is behind the house background color, but I can’t put it higher than the house because of the (top: 0;) requirement. I think the (z-index: -1;) puts the chimney behind the roof. I made the chimney visible once, but it was inside the house border, not above it.

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="roof"></div>
        <div id="chimney"></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: #e9a79f;
  border: 3px solid black;
}
#house > * {
  position: absolute;
}
#roof {
  width: 500px;
  height: 100px;
  border: 1px solid black;
  background-color: #d86255; 
  top: 0;
}
#chimney {
  position: absolute;
  width: 75px;
  height: 80px;
  border: 1px solid black;
  background-color: #ecf0f1;
  top: 0;
  right: 50px;
  z-index: -1;
}
#window-1 {
  width: 90px;
  height: 90px;
  border: 2px solid #d86255;
  background-color: #f7dc6f;
  top: 170px;
  left: 30px; 
}
#window-2 {
  width: 90px;
  height: 90px;
  border: 2px solid #d86255;
  background-color: #f7dc6f;
  top: 170px;
  right: 30px;
}
#door {
  width: 100px;
  height: 150px;
  border: 2px solid #d86255;
  background-color: #ecf0f1;
  position: absolute;
  bottom: 0;
  left: 200px;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:145.0) Gecko/20100101 Firefox/145.0

Challenge Information:

Build a House Painting - Build a House Painting

Do not use copilot to work on fCC. How is that helping you learn? It obviously is not working.

The bottom of the chimney needs to touch the top of the house exactly. Is it?

both the house and the chimney have (top: 0;) so the top of the chimney is touching the top of the house

That clue sorted it: chimney height: 80px…top: -80px. Thank you so much. Also, If I can’t ask Copilot for help how am I supposed to figure this out?

You are supposed to work on it and try different things. Getting frustrated is part of the learning process. copilot obviously did not help you here.

You can also ask for help here, just as you did now. It worked, didn’t it?

“learning is impaired for students who excessively rely on LLMs to solve practice exercises for them and thus do not invest sufficient own mental effort” https://scale.stanford.edu/ai/repository/ai-meets-classroom-when-does-chatgpt-harm-learning

Thank you for your advice and thank you for taking the time to help. It seems to me that AI is an amazing resource that should be utilized not as a cheat but as an assist. I have nobody else to ask but the forum and I can’t be sending every little question to the community.

It’s not really an amazing resource. Learning in the brain actually decreases if you use LLMs instead of traditional research techniques. And LLMs can be wrong, like here.

Why not? There’s nothing wrong with asking questions

If you have questions about learning programming, this is the place to ask! The more questions you ask, the less you will have.

Thanks for being there and thanks for your concern, but here we are distracted by a conversation that takes us away from the task at hand. I can pester Copilot all day long and stay on task continuing to learn. I hope you appreciate that I don’t want to be immersed in a chat when I have limited time. Copilot is efficient. That being said, I am very grateful that you are here when the mystery gets too deep.

Copilot vomits a response to you quickly and your brain bypasses learning. If you goal is learning, then Copilot is not efficient at that. If your goal is just to complete steps in the curriculum without gaining much understanding, then Copilot is good at that.

It takes years to learn programming. Waiting a few minutes for a reply isn’t really a big deal on that scale. Also, learning how to talk to humans about code is a critical skill that requires practice.

I hear you. Thanks again.

This is one of many studies showing what I’m talking about

This conversation IS the task at hand.

1 Like

The Conversation said “To be clear, we do not believe the solution to these issues is to avoid using LLMs, especially given the undeniable benefits they offer in many contexts.” I’m doing the work. I’m also reading books. The problem is I don’t have the hours needed to make these commands second nature. I still have to ask the most basic questions because I’ve only been doing this for a few months and there is just too much to memorize in a short period of time.

The solution is to avoid LLMs for learning. There are lots of of non-learning applications for which LLMs may be helpful. But avoid them when learning because it hurts your learning.

You should not memorize anything. Coding is not about memorizing.

Also, coding is not something that you can learn fast.

There’s the rub. To get proficient you need to spend the time. There are only so many hours in a day.

Sure, but you cannot substitute using LLMs for time spent actually engaging. LLMs decrease your brain’s engagement with the content effectively wasting that limited time from a learning perspective.

There just aren’t hacks to make learning faster. There wasn’t before LLMs and there still aren’t hacks with LLMs. Coding in particular takes a lot of time over years of effort.

It almost sounds like your trying to discourage me.

No, I am trying to be realistic. If I lie to you and say this is easy, then when you find out that I’ve lied your motivation will be even lower.

I can tell you really care. I’ve gotta go, but thanks again.

1 Like