Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Gap at the top of my header

Hi,

When I add:

.profile-photo { float: left; margin: 0 5% 80px 0; }

into responsive.css it creates a white gap above my header on the "about" page - does anyone know why, or if i can change this?

Could it be because I'm using Firefox?

Thanks

1 Answer

rydavim
rydavim
18,780 Points

You can try adding "clear: both;" to your #wrapper styles. That should fix it if it's a float issue.

If that doesn't work, you're probably going to need to post the rest of your code.

EDIT: I have one other guess for what might be the issue. Trying making sure the h3 doesn't have any extra whitespace around it.

h3 {
  margin: 0 0 1em 0;
}

Hi,

thanks for this - i had it as:

h3 { margin: 0 0 1em 1; }

instead of:

h3 { margin: 0 0 1em 0; }

thank you! :)

Diego Murray
Diego Murray
2,515 Points

I'm having the same issue, but I have the h3 code set to exactly what you have. Could it be that it's entirely in the wrong place? I've been struggling to figure this out of a couple days. Please help.