"CSS Layout Techniques" was retired on February 22, 2017. You are now viewing the recommended replacement.

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 Website Testing

Keith Greatz
Keith Greatz
4,377 Points

My about page gets a white space line at the top

There was a question similar to this a month ago but no response was given. As the question stated I get a white space above my green header in my browsers (chrome and safari tested). When I remove the code "float: left;" from the below section of my responsive.css file it works but i lose my float. any suggestions?.

/*********************************************** PAGE: ABOUT ***********************************************/

.profile-photo {

float: left;
margin: 0 5% 80px 0;}

1 Answer

You are seeing a problem with floats. There are several ways to address this, which are described here.

Keith Greatz
Keith Greatz
4,377 Points

Thanks Ted, Im pretty new with all this stuff, as i was reading your link on floats I thought to myself I wouldn't be able to understand it, I kinda did and I'm sure I'll get better with the understanding part of such reads eventually. I was surprised to be able to understand enough that a simple < br > did the Job even if it is a little crude as the site said.

Thanks again

Keiffy101

They cover this in more detail in later courses.