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 Adjust the Profile Page and Header

Gap at the top of my header


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?


1 Answer

18,813 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;


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.