Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
I believe you just need to update the CSS to that below, making the container relative will allow the white line to be positioned as you wish.
An absolute element will work it's way up the parent containers looking for the next relative element to figure out where it should be positioned. In this case, it is picking up the body element and that's why it appears at the very bottom of the screen.
Hope this helps.
I'm not sure what you mean sorry, if you have a screenshot or link to something similar that you want to achieve I can try and help further.
So make the white line a thick black line, like below?:
height: 100px; // adjust height to suit
background-color: #000; // adjust color to suit
bottom: -50px; //should be equal to half of whatever the height is set at
Is that a screenshot from the browser and if so what browser? it looks OK to me in Chrome