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

HTML How to Make a Website Adding Pages to a Website Style New Pages

Posted by Rishi Shah
Rishi Shah
5,298 Points

How 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%; }

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi 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?

2 Answers

Kidist Admasu
Kidist Admasu
11,020 Points

you 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
Rishi Shah
5,298 Points
Rishi Shah
Rishi Shah
5,298 Points

Hi 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!