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

Matt Jones
Matt Jones
1,950 Points

CSS Building a website, issue on "About page" when resizing.

Currently finishing up the portfolio website and there is an issue on the "About" page. When It is scaled down, the image stays on the left of the <p> and doesn't move above it.

Here is the code I have used, I've checked through my html file and there doesn't seem to be an issue there.

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

}

2 Answers

On this exercise, the .profile-photo selector is the last in the @media. Check to make sure you closed both the class selector and media query. Just a guess but your code above is indented in a way that looks like it might be your @media's closing bracket.

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

Hope this helps

Matt Jones
Matt Jones
1,950 Points

There was another closing bracket further up the code I needed to get rid of, thanks!