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

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

Sean Barry
Sean Barry
4,264 Points
Posted by Sean Barry
Sean Barry
4,264 Points

Responsive CSS isn't effecting profile photo in About

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

<img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo"/>

2 Answers

Bence Fedor
Bence Fedor
11,909 Points
Bence Fedor
Bence Fedor
11,909 Points

The code, which you've written here is okay, the problem is maybe with the media queries or the curly braces. Please can you paste here the complete media query?

Tamela Lerma
PLUS
Tamela Lerma
Courses Plus Student 4,006 Points
Tamela Lerma
Tamela Lerma
Courses Plus Student 4,006 Points

I am having the exact same problem; here is my media query @media screen and (min-width: 480px) { .profile-photo { float: left; margin: 0 5% 80px 0; } } Any thoughts?

Tamela Lerma
Tamela Lerma
Courses Plus Student 4,006 Points

I figured it out! I didn't link the responsive CSS file in my about page... <link rel="stylesheet" href="css/responsive.css">