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

Matt Jones
Matt Jones
1,950 Points
Posted by 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

Brett Miller
Brett Miller
1,739 Points
Brett Miller
Brett Miller
1,739 Points

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
Matt Jones
Matt Jones
1,950 Points

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