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 trialRishi Shah
5,298 PointsHow can I round the corners of my profile photo?
I have this in my about.html file
<section> <img src="Img/me.jpg" alt="Photograph of Rishi Shah" class:"profile-photo"> <h3>About</h3> <p>Hi, I'm Rishi Shah. This is my design portfolio where I share all of my favorite work. When I'm not designing things, I enjoy exercising, reading, drinking excellent coffee, and more.</p> <p>If you'd like to follow me on twitter, my username is <a href="http://www.twitter.com/rkshah09">@rkshah09</a>.</p> </section>
I have this in my main.css file
/**************** PAGE ABOUT ****************/
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
2 Answers
Kidist Admasu
11,020 Pointsyou can increase or decrease the border-radius value. if it is 100%, the result is a full circle, if you only want the corners to be round decrease the value (like 70% or less) and see the effect.
Rishi Shah
5,298 PointsHi all,
I solved my own question. I was writing my class as "class:profile-photo" when it should have been "class=profile-photo"
Thanks for the help!
Jason Anello
Courses Plus Student 94,610 PointsJason Anello
Courses Plus Student 94,610 PointsHi Rishi,
Your html has been stripped out. Here's a thread on how to post code in the forums: https://teamtreehouse.com/forum/posting-code-to-the-forum
Do you see the other styles applied but not the border-radius?