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 trialclarechang
Front End Web Development Techdegree Student 435 PointsWhen 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.
3 Answers
Gloria Dwomoh
13,116 PointsYes 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;
}
clarechang
Front End Web Development Techdegree Student 435 PointsIt worked, thanks!
Gloria Dwomoh
13,116 PointsYou are welcome.
Josh Douglas
2,709 PointsMaybe 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.
clarechang
Front End Web Development Techdegree Student 435 PointsYup 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!
Josh Douglas
2,709 PointsYour welcome!
Patrick Gerrits
14,614 PointsPatrick Gerrits
14,614 Pointsplease submit your css and html code. Then we can help.