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
Gary Stephens
11,061 PointsI get a white blank space above my page after adding the <h3> headers in the <section> of the Contacts page.
I copy the code from the About page. I delete all the code inside the <section> and add the second <section>. At this point if i save all looks fine when i refresh. When i add the <h3> header inside the <section> and save. I refresh my page and get a blank space at the top of the page when viewed in google chrome and browser size does not affect this.
In the CSS my code for the headers is:
h3 { margin 0 0 1em 0; }
3 Answers
Gary Stephens
11,061 Pointsok the Semi Colon missing fixed it all. Guess i could not see that after looking so long at the code :-)
Thanks again
Carlos Quivera
6,917 PointsIt happens a lot but I'm glad you fixed it, keep practicing! :)
Ben Ragsdale
14,187 PointsIt may help to reset your browser styles, something like this
''' html, body, head, section, aside, a, h1, h2, h3, { margin: 0px; padding: 0px;} '''
jscogg
16,949 PointsThis reset from Eric Meyer is pretty popular as well as Normalize from Nic Gallagher.
Gary Stephens
11,061 Pointsthanks all, i will try the suggestions
Carlos Quivera
6,917 PointsCarlos Quivera
6,917 PointsYou can try resetting your browser styles like Ben and Justin suggested, but I also noticed your CSS code is missing a colon after 'margin', that would invalidate the rest of your code after that line.