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

Posted by Robby Bullock
Robby Bullock
3,777 Points

cannot produce profile-photo on about page with rounded edges nor contact-info icons on contact page

http://w.trhou.se/40hursgv5j My workspaces snapshot

I am having trouble getting .profile-page photo to round while CSS has :

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%;

Also, on Contact-info page cannot get icons to show up: .contact-info { list-style: none; padding: 0; margin: 0; font-size: 0.9em; }

.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; margin: 0 0 10px; }

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well I see a couple of things to start off with. In your contact page where the social media icons are I find these two lines:

<a href="http://twitter.com/nickrp"><img src="img/twitter-wrap.png" alt="Twitter Logo" class="social-icon"></a>
        <a href="http://facebook.com/nickpettit"><img src="img/facebook-wrap.png" alt="Facebook Logo"class="social-icon"></a>

The code you've posted goes to the contact-info class. But these clearly have the social-icon class.

Then about your profile-photo I found this line:

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

Try changing this line to:

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

You seem to have an extra period and you've capitalized the P in your code. Remember, this is all case-sensitive :)
Hope this helps!