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 Styling Web Pages and Navigation Build Navigation with Unordered Lists

Tony Petroski
Tony Petroski
1,789 Points
Posted by Tony Petroski
Tony Petroski
1,789 Points

White Spacing on Top of Website

Hi

In my case, to remove this problematic white space i modified header rule as follows:

/*******************************
HEADING
*******************************/

header {
    background: #6ab47b;
    border-color: #599a68;

    margin: 0 0 30px 0;
    padding: 5px 0 0 0;
    /* this element should stretch right across the whole page */
    width: 100%;
}

I combined previous header into one & removed the float: left;

Not sure why it worked in my case.

regards,

Tony.

2 Answers

Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Hi Tony Petroski was this in relation to a video/quiz ... or just your own findings?

Tony Petroski
Tony Petroski
1,789 Points
Tony Petroski
Tony Petroski
1,789 Points

It was in relation to the video of the HTML course. There have been a couple of other minor changes to the code that i applied to make it conform correctly. In particular, the nav in side the header in case anybody else had similar difficulties.

Change float from none to right & this will push the nav element to the right side of the desktop screen.

@media screen and (min-width: 660px) {
/*******************************
PAGE: HEADER
*******************************/
/* portfolio, about & contact */
    nav {
        float: right;
Caroline Hagan
Caroline Hagan
12,612 Points
Caroline Hagan
Caroline Hagan
12,612 Points

Ah, I must say I skipped the videos and just did the Quiz on that course!