CSS CSS Selectors Selectors - Beyond the Basics Attribute Selectors Challenge

Taichi Murai
Taichi Murai
8,153 Points

I have no idea what is wrong with my code...help me!

It says "Make sure you're setting the color to '#ccc'...

What is wrong with my code??

style.css
/* Complete the challenge by writing CSS below */

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

input[type="password"]{
  color:#ccc;
};
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>

2 Answers

Juan Pernia
Juan Pernia
7,697 Points

The ';' are not valid after the curly braces } in css, so removing them should work, see below:

/* Complete the challenge by writing CSS below */
img[title="avatar"] {
  border-radius: 50%;
}

input[type="password"]{
  color:#ccc;
}
Taichi Murai
Taichi Murai
8,153 Points

I see! I didn't know that ; is invalid after } in CSS. Thank you so much, Juan!!

Darryl Mah
Darryl Mah
5,486 Points

Remove the ";" at the end of your img in the css and everything is perfect.

Taichi Murai
Taichi Murai
8,153 Points

Thanks,Darryl! It worked out. :)