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 Adding Pages to a Website Build the Contact Page

When adding a new h3 header in my contact.html, it seems to add some blank space on the top of my website.

In this video, I followed along all the way until the end and realized there was blank space at the top of my contact page when I previewed it. I broke down the steps and saw that when adding the <h3>General Information</h3> to my first section element, it would add the space. When I deleted the h3 element, the padding would go away.

Patrick Gerrits
Patrick Gerrits
14,614 Points

please submit your css and html code. Then we can help.

3 Answers

Yes as said by Josh you probably will have to do resetting in order to have the margins and padding gone. You can adding this to yous .css file, use the h3 tag and see if it helps ...

h3 {
  margin:0;
  padding:0;
} 

It worked, thanks!

You are welcome.

Maybe try reseting the margins to 0 in your main.css file? Making sure to select the specific h3 tag. Let me know how you go.

Yup that'll work. Just thought it was weird that the video didn't do this step, but there was no padding in Nick's example. Thanks!

Your welcome!