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 trialChloe Grego
Courses Plus Student 999 PointsI'm using google chrome and I can't get my corners to round in to a circle?
I'm trying to get my corners to round but for some reason I cannot. I even added the bug fix mentioned in the video comments. Here's what I have so far: .portfolio-photo { clear: both; display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
2 Answers
Ashton Roman
Courses Plus Student 2,623 PointsHello Chloe!
I put the CSS rule into workspaces and it made the photo into a circle(works fine).
Are you sure that you are saving your code and refreshing your webpage?
Ashton
Ashton Roman
Courses Plus Student 2,623 PointsHi Chloe,
Try using a free code editor software like Brackets or Sublime Text and make an index.html file--then you should copy paste the html from your workspace into that file.
Next, make a CSS Folder and put a file that is named "main.css" under it.
You should then copy paste your CSS from the workspace into the code editor, and see if it works. Remember that there may be another CSS rule overriding the portfolio-photo class, so check for anything suspicious looking(like IDs or inline "style" tags)
Best of Luck,
Ashton
Chloe Grego
Courses Plus Student 999 PointsChloe Grego
Courses Plus Student 999 PointsYes I've hit CTRL S and then CTRL R to check over and over.