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

CSS How to Make a Website Adding Pages to a Website Style New Pages

snarlzbarkley
snarlzbarkley
2,964 Points

Profile Image Ignoring CSS?

Hello, I'm following along with the Front-end tutorial in Chrome. The problem I'm having is with my profile picture on the About page, it seems to be ignoring the CSS I have written. This is what I have:

'''CSS

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

'''

The CSS I have didn't change the shape of the profile picture or really modify it in anyway that I can tell. Thanks in advance for the help.

Nathan Newell
Nathan Newell
7,634 Points

I suggest making sure there is no grammar errors in the html file, for example.. make sure you are using

<div class="profile-photo">

Also try adding a test property, for example. a background color or display: none; to check whether it is referencing correctly.

:)

snarlzbarkley
snarlzbarkley
2,964 Points

That was it! I had a grammatical error in the About.html file. I had left out the dash in:

<div class="profile-photo">

Thank you so much :).