Avatar


HTML/CSS CSS selectors Styling Public New

Easy 

7min

Every user on your website has an image avatar that is displayed when they post a comment. You want to style these images differently from other images on your site. Add a CSS class named avatar that fulfils the following requirements:

  1. The avatar's border is rounded, so that it appears as a circle.
  2. The avatar's width and height are both 150px.
  3. The avatar has a solid border, has a width of 2px, and be colored gray.

For example, the avatar in the template should look like:

Cat avatar

HTML5, CSS3
   

Run OK, but 3 out of 3 test cases fail:

  •   Avatar shape: Wrong answer
  •   Avatar size: Wrong answer
  •   Avatar border: Wrong answer