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

Rouillie Wilkerson
Rouillie Wilkerson
10,419 Points

The correction for Firefox doesn't work for the same error in Chrome and Edge.

The CSS Bug mentioned, .profile-photo I figured it was worth a shot trying in Chrome, then Edge (which I don't use for treehouse) didn't work. I have to upload Firefox now? What would be a solution for Chrome? Edge?

Thanks!

1 Answer

According to the teacher's notes the bug affects Firefox, not the other browsers. However I'm not sure what 'displays incorrectly' means since I tried Edge, Firefox and Chrome and they display the same circular photo centered on the page. Maybe the bug was with a previous version of the browser. What do you see that is wrong?

Rouillie Wilkerson
Rouillie Wilkerson
10,419 Points

Yes, I understand about the Firefox part, so I went as far as to download Firefox to test it! Didn't work. I had no issue with Chrome when I first applied the styling: border-radius: 100%; I then proceeded to experiment with different percentages to see what they looked like. Then when I went back to 100%, it wouldn't take. I tried closing an reopening: 1) workspaces 2)the browser 3)my laptop. So it seems to be stuck on 75%. So it looks oval, you know, cameo shaped, not round! Oh also, I've re-applied this same photo styling to a code challenge that followed without issue. So I'm at a complete loss.