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 Jennifer Wheeler
Jennifer Wheeler
3,321 Points

Can't get the profile picture to be a circle

I've looked over everything and even passed the challenge. It still doesn't work when I refresh the page. Here is my code:

           <li><a href="index.html">Portfolio</a></li>
           <li><a href="about.html" class="selected">About</a></li>
           <li><a href="contact.html">Contact</a></li>
         </ul>
      </nav>
    </header>
    <div id="wrapper">
      <section>
        <img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile photo">
        <h3>About</h3>
        <p>Hi, I'm Jennifer Wheeler. Welcome to my design portfolio where I share some of my favorite projects! Before I became a designer, I was a teacher. I love to read and learn new things! </p>
        <p>If you'd like to follow me on twitter, my username is <a href="http://twitter.com/nickrp">@nickrp</a>.</p>
      </section>

/******************************************
PAGE: ABOUT
*******************************************/

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

Any ideas?

1 Answer

Liam Raven
Liam Raven
10,875 Points

Your html class selector does not match your css class

<img src="img/nick.jpg" alt="Photograph of Nick Pettit" class="profile-photo">
Jennifer Wheeler
Jennifer Wheeler
3,321 Points

Thank you so much! That worked too. :)

Liam Raven
Liam Raven
10,875 Points

Your welcome!