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 trialTony Petroski
1,789 PointsWhite 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
12,612 PointsHi Tony Petroski was this in relation to a video/quiz ... or just your own findings?
Tony Petroski
1,789 PointsIt 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
12,612 PointsAh, I must say I skipped the videos and just did the Quiz on that course!