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

Bryan Merlos
Bryan Merlos
1,399 Points

profile picture is not changing

i added the correct code to my css- .profile-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; } but the image borders do not change at all. in the video he displays that it should be round, but this does not happen for me. I tried to restart workspace. I double checked the class name in the HTML file and it is the same. I am not sure what else to do. Someone please help! I am using chrome

Andreas Anastasiades
Andreas Anastasiades
2,916 Points

Maybe you can try setting a height aswell and try changing the border-radius: 50%

.circle {
    border-radius: 50%;
    width: 150px;
    height: 150px; 
    /* width and height can be anything, as long as they're equal */
}

Hope this works

I'm a Chromebook user and I'm having the same problem - picture stays square. Has anyone found a solution?

I'm a Chromebook user and I'm having the same problem - picture stays square. Has anyone found a solution?

4 Answers

I'm having the same problem on my mac, also using chrome. I know that all my code is correct, not sure what is happening..

Me too...having the same problem

Melisa Doran Cole
Melisa Doran Cole
591 Points

Did this get solved? Having the same problem. Also tried "clear: both;"