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

CSS How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Posted by Ambar Mukherjee
Ambar Mukherjee
1,724 Points

Always a white space on the top of the contact page

I have coded this page from Nick's tutorial. But when Nick runs the page or refresh the contact page, there is no such white space on the top. But I am facing this problem, the other pages(index and about) are working fine. Please help me to fix this space problem.

If anyone wants, please fix this, I am available on ammyy/team viewer.

Miroslav Kovac
Miroslav Kovac
11,454 Points
Miroslav Kovac
Miroslav Kovac
11,454 Points

Hello is it possible to share some screen or html. Hard to say what do you exactly mean. But in case of some white space maybe you can control some padding or margin settings of nearest elements,

Ambar Mukherjee
Ambar Mukherjee
1,724 Points

I mean to say that on the top of the contact page in Nick's HTML and CSS class, there is always a blank space. I have tried to set the padding and margin to remove the white space. But it didn't work.

Sorry for my bad English. Screenshot sharing option isn't here.

5 Answers

Raymond Osier
Raymond Osier
16,581 Points
Raymond Osier
Raymond Osier
16,581 Points

if you copy and past your code in the comments using the markdown Cheatsheet just under the txt area to format your post then we can see your code and help you better solve this issue ..

Ambar Mukherjee
Ambar Mukherjee
1,724 Points
Ambar Mukherjee
Ambar Mukherjee
1,724 Points

My codes are [here]... (https://teamtreehouse.com/workspaces/4359112)

Miroslav Kovac
Miroslav Kovac
11,454 Points
Miroslav Kovac
Miroslav Kovac
11,454 Points

Cannot see it. But maybe you can try add this to you css. (reset margin)

body { margin: 0; }

Martin Hesseler
Martin Hesseler
4,572 Points
Martin Hesseler
Martin Hesseler
4,572 Points

Replace your code with the one provided in the downloadable files. If the problem is gone, compare the code line by line.

Ehsan Asgari
Ehsan Asgari
6,151 Points
Ehsan Asgari
Ehsan Asgari
6,151 Points

I had the same issue, Its the margin on the h3 that uses on the empty pages. Ive fixed mine by adding:

#wrapper h3 {
  margin: 0;
}

but im not sure if there are any reprocussions later on in the tutorial but it works for now.

Samuel Benson
Samuel Benson
2,496 Points
Samuel Benson
Samuel Benson
2,496 Points

Thanks Ehsan I had the same problem but I had somehow deleted "margin" it's like searching for a needle in a hay stack..

h3 {
  margin: 0 0 1em 0;
}