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 trialJo Young
501 PointsMy 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
14,600 PointsMaybe 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
501 PointsJo Young
501 PointsThanks 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
14,600 PointsPhilip G
14,600 PointsGlad to help!