Taichi Murai
8,153 PointsI 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??
/* Complete the challenge by writing CSS below */
img[title="avatar"] {
border-radius: 50%;
};
input[type="password"]{
color:#ccc;
};
<!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
7,697 PointsThe ';' 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;
}
Darryl Mah
5,486 PointsRemove the ";" at the end of your img in the css and everything is perfect.
Taichi Murai
8,153 PointsThanks,Darryl! It worked out. :)
Taichi Murai
8,153 PointsTaichi Murai
8,153 PointsI see! I didn't know that ; is invalid after } in CSS. Thank you so much, Juan!!