Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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