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

HTML How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Posted by Scott Wolf
.a{fill-rule:evenodd;}techdegree
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points

I was just curious to why my Green Heading isn't stretching across the whole screen as in the exampled video?

There is a white margin that seems to change sizes as I resize the window.

I am using Google Chrome.

Ive looked at the code and I am pretty sure it matches.

3 Answers

Kit Navock
Kit Navock
4,540 Points
Kit Navock
Kit Navock
4,540 Points

I would go back and look at when it changed, that'll tell you what to do.

If it started out like that and you're sure the code is right, try checking it out with your inspect tool and figuring out which element is producing the margin.

Scott Wolf
.a{fill-rule:evenodd;}techdegree
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points

Thanks, I haven't learned anything about the inspect tool yet, but ill do a little research and get to it. Thanks for the time!

Kit Navock
Kit Navock
4,540 Points
Kit Navock
Kit Navock
4,540 Points

Pretty easy and REALLY useful. On your page, right click, click inspect. It will pull up your page's css.

Then there's a little button on the top left of the inspect tool with a screen and a mouse pointer, click that, then hover over the screen, looking for elements that might be causing the issue.

If you find it, click on it, then check out the css in the bottom right to see what might be causing the margin/padding issues.

Scott Wolf
.a{fill-rule:evenodd;}techdegree
Scott Wolf
Front End Web Development Techdegree Student 1,148 Points

Thanks! that's a neat tool.

And I got my issue figured out!

Thanks again!

Kit Navock
Kit Navock
4,540 Points
Kit Navock
Kit Navock
4,540 Points

Good job dude!

That tool saved my butt this weekend as i built a website this weekend using a template. I use that tool to sort of work backwards and find all of the html and css changes i needed to make.

Gil talks about it briefly in one of the videos later, but barely. I use that tool like a woodworker uses a hammer.