I entered the following: img[title:"avatar"] { border-radius: 50%; } Any ideas?

Question

I checked around online and found that other users were having a spacing issue between img and the first square brace - so I double checked mine and it was fine... I'm thinking it is something easy but no dice in figuring it out.

style.css

/* Complete the challenge by writing CSS below */

img[title:"avatar"] {
    border-radius: 50%;
}

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="">

          <label for="un">Username:</label> 
          <input type="text" id="un">

        <label for="pw">Password:</label>
        <input type="password" id="pw">

          <input type="submit" value="Sign up">
        </form>
    </div>
</body>
</html>

Answer 1 · 2019-01-03T12:15:00Z

January 3, 2019 12:15pm

Hey Sam,

You are almost there. The only mistake I see is that you should use = instead of :

img[title="avatar"] {
    border-radius: 50%;
}

Welcome to the Treehouse Community

Looking to learn something new?

Sam Paquin

Sam Paquin

I entered the following: img[title:"avatar"] { border-radius: 50%; } Any ideas?

1 Answer

Jesus Mendoza

Jesus Mendoza

Sam Paquin

Sam Paquin