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 How to Make a Website Adding Pages to a Website Style New Pages

Posted by Jo Young
Jo Young
501 Points

My pic shows up as huge oval shape. If I use Nick's pic, it shows up as reg. size circle. What I am doing wrong? Thanks!

<section> <img src="img/Jo.jpg" alt="Photograph of Jo Young" class="profile-photo"> <h3>About</h3> <p>Hi. I am Jo Young, Creative, Voice Over Talent|Actor and song writer. This is where I share my professional demos and creative work.</p>

1 Answer

Philip G
Philip G
14,600 Points

Maybe just add width and height attributes to the image. e.g:

<img src="img/Jo.jpg" alt="Photograph of Jo Young" class="profile-photo" width="25" height="25">

Be sure to change the values to fit your needs.

Best regards,

Philip

Jo Young
Jo Young
501 Points

Thanks Philip. I see in the CSS where I made a mistake. /******************* Page About *******************/

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

the max-width should be max-width: 150px; NOT 150 % I changed it to 150px; and now the picture is much smaller. However it is still an oval.

Thanks so much for your help!

Philip G
Philip G
14,600 Points

Glad to help!