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
203,717 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
203,717 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!