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!

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


for some reason my page About do not setup my profile photo to the left when i code in responsive.css file.

/******************************* About.html file bellow *******************************/

<section> <img src="img/lucas.JPG" alt="Photoshop of Lucas Manhaes" class="profile-photo"> <p>Hi, I'm Lucas Manhaes! This is my design portfolio where I share all of my favorite work. When i'm not designing things, playing video games, drinking good tea, and more.</p> <p>If you would like to follow me on twitter, my username is <a href="https://twitter.com/lucascg_92"> @lucasmanhaes</a>.</p> </section>

/******************************* responsive.css file bellow *******************************/ .profile-photo { float: left; margin: 0 5% 80px 0; }

can you help me to figurer out what is going on ?

2 Answers

Mason Curts
Mason Curts
3,127 Points
  1. Check and make sure you are linking your responsive.css in your about.html.
  2. If you are following the How to Make a Website course the CSS code that you have posted should be within the media query( Example: @media screen and (min-width: 480px){ .profile-photo { float: left; margin: 0 5% 80px 0; } } )
  3. Make sure you are resizing the window to different sizes. The code should not kick in until the browser's width is larger than 480px.

Hope this helps! Good luck! :)

Matthew Tran
Matthew Tran
16,343 Points

Your code looks like it does not have any typos. I have a guess that your about.html page does not have a style sheet reference to responsive.css? To check this, you should have the following code in your about.html file somewhere in your <head>, probably right after the css/main.css stylesheet link. Let me know if this is there already:

<link rel="stylesheet" href="css/responsive.css">