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 trialJoshua Miller
7,824 PointsWhen rounding out my photo in the about page, when applying this code my picture goes away completely
.profile-photo { display: block; max-width: 100px; margin: 0 auto 30px; border-radius: 100%; }
If i remove this the photo will be back to the normal square, but when I apply this it doesn't round out my photo it removes it completely.
1 Answer
Logan R
22,989 PointsDifferent browsers interpret things different. I personally http://border-radius.com/ and it might solve the problem :)
Joshua Miller
7,824 PointsJoshua Miller
7,824 PointsI see someone had the same issue. I was able to get the image to re appear by ammending the code like this: .profile-photo { clear: left; display: block; max-width: 100px; margin: 0 auto 30px; border-radius: 50%; } My question is why did I have to add the clear: left to get it to appear? Why didn't the same code in the video work for my page? Is it an issue with Firefox?