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

Chloe Grego
PLUS
Chloe Grego
Courses Plus Student 999 Points

I'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

Hello 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

Chloe Grego
Chloe Grego
Courses Plus Student 999 Points

Yes I've hit CTRL S and then CTRL R to check over and over.

Hi 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