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 CSS Selectors Selectors - Beyond the Basics DRY CSS

Properties for the avatar issue

I followed every instruction to set up properties for the avatar to make it round and centered, but it still wouldn't show up. I didn't change anything in the index.html and selecters.css files except the border property for the contact form and properties for the avatar. My code looks exactly the same as Guil's. Did they set it up differently? I keep double-checking for errors, but nothing came up. Here's my screenshot (https://w.trhou.se/dcco036kzu)

In the selecters.css file - here's what I did

.avatar { display: block; margin: 0 auto 2em; }

.rounded { border-radius: 50%; }

In the index.html file

<img class="avatar rounded" src="img/avatar.png" alt="Mountains">

Steven Parker
Steven Parker
229,732 Points

To facilitate an accurate answer, make a snapshot of your workspace and post the link to it here.

2 Answers

Steven Parker
Steven Parker
229,732 Points

Up above on line 19 (of selectors.css), there's a brace where there should be a bracket:

input[type="email"} {  /* should be: ] instead of } after "email" */

Ok, added the screenshot in my post above. Hope you can help solve this. Thanks!