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.

HTML

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">