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

CSS

Posted by Nas Jones
Nas Jones
7,849 Points

Project help

I don't know why the image won't fully cover the background.

https://teamtreehouse.com/workspaces/41635965# ^ This is my workspace

Cameron Childres
Cameron Childres
11,820 Points
Cameron Childres
Cameron Childres
11,820 Points

Hey Haki,

We won't have the permissions to view your personal workspace. To share it you can click the camera icon in the top right to take a snapshot and give us the link it provides.

Nas Jones
Nas Jones
7,849 Points

https://w.trhou.se/mxmclwwr1z .. This is the link it provided me, If I made a mistake I apologize this is my first time using the snapshot feature

1 Answer

Cameron Childres
Cameron Childres
11,820 Points
Cameron Childres
Cameron Childres
11,820 Points

The snapshot link works great, thanks!

If you're talking about the white space above and to the sides of the background image, it looks like it's due to both the default margin of the <body> tag and <h1> tag by the browser's user agent style sheet.

I can't say this is the right or best way to do this as I'm in the process of learning myself, but try adding these rules to your CSS:

body {
  margin: 0;
}

h1 {
  margin-top: 0;
}

If you use this remember that any other <h1> elements will also have their top margin removed. You'll find suggestions online that include removing margin and padding from all elements like this: 

* {
margin: 0;
padding: 0;
}

Just remember that using this impacts every bit of default margin/padding, so you'll have to define them as needed in your CSS.

Nas Jones
Nas Jones
7,849 Points

This fixed it, Thank you so much for help!