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 Ambar Mukherjee
Ambar Mukherjee
1,724 Points

Profile photo is shaped like oval, not circle.

My profile picture is looking like oval by the border-radius: 100% attribute. Please help me to make it circle.

6 Answers

tuukka uosukainen
tuukka uosukainen
22,107 Points

I think you can achive an oval with border-radius of 50%.

Hope this helps!

Joseph Damiani
Joseph Damiani
1,066 Points
Joseph Damiani
Joseph Damiani
1,066 Points

Notice that Nick's photograph is 512px x 512px versus your own photographs pixel size. None of the threads about this topic worked to convert the oval to a circle. When I resized my image to 512px x 512px is when it worked.

tuukka uosukainen
tuukka uosukainen
22,107 Points
tuukka uosukainen
tuukka uosukainen
22,107 Points

I mean circle :)

Ambar Mukherjee
Ambar Mukherjee
1,724 Points
Ambar Mukherjee
Ambar Mukherjee
1,724 Points

Yes it was shown oval, I have then edited the photo as square image, now it is circle. Thanks @yuukka

tuukka uosukainen
tuukka uosukainen
22,107 Points

You are welcome Ambar!

Happy coding.

kabir k
kabir k
Courses Plus Student 18,036 Points
kabir k
kabir k
Courses Plus Student 18,036 Points

How did you edit your photo to be a square image?

Konrad Pilch
Konrad Pilch
2,435 Points
Konrad Pilch
Konrad Pilch
2,435 Points

You can achieve also nice rounded corners if you put like 2-5px. Instead of plain square your going to have a nice one. Unless of course , the square is going to look better ^^

Ambar Mukherjee
Ambar Mukherjee
1,724 Points
Ambar Mukherjee
Ambar Mukherjee
1,724 Points

Thanks for your reply, Konrad Pilch