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

Design Web Typography Laying Out Type for the Web Typographic Hierarchy: Caps, Color, and Pairing Typefaces - Part 2

Black background is not covering full browser width

How to create a full width headling like in the video? The black backround color area is not covering full browser width and I still have small white margins in the top, left and right corner.

Without seeing the code, I can only make a guess, but try checking the padding properties of the heading's container element, often they well have the same effect as if your heading had margins on it. If that doesn't work, post a sample of the CSS you are using for both the heading and its container element so that we can see what's going on. A screen shot of your browser would be helpful, too.

1 Answer

Hi Randy,

thank you for the answer, it was something obvious but I had missed it. In CSS stylesheet I forgot to change both padding and margin for body element to 0. Now it works how it should :)