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

Posted by deleteaccount32
deleteaccount32
700 Points

Profile picture disappears once screen goes to mobile view

Ok so I have no clue how to fix this. But when the screen size goes to like the mobile view the profile picture disappears. I've looked for about 20 minutes and couldn't find it so then I downloaded the project files and copied and pasted everything over to mine thinking it would make it work. But it still doesn't work. Any help is greatly appreciated.

Picture of what happens: http://puu.sh/jGuSw/15f2cf21a5.jpg

about.html: http://pastebin.com/iRv8Xi4K

responsive.css: http://pastebin.com/4gEkbG4D

main.css: http://pastebin.com/85DzZ6Dj

deleteaccount32
deleteaccount32
700 Points

Ok well I just tried the website in Chrome and it worked fine. Must be a bug or something with Firefox.

1 Answer

anjascharer
anjascharer
8,801 Points
anjascharer
anjascharer
8,801 Points

If you set a width for mobile instead of a max-width it will work for mobile. (It worked for me)

deleteaccount32
deleteaccount32
700 Points

Thanks Ill test that out.