Franklyn Gregory
12,088 PointsCreate an attribute selector that targets img elements with a title attribute value of "avatar". Give the elements a bor
Why is this wrong? I searched for the right answer on here, and it seems very similar.. so what is wrong here? It's driving me crazy!
/* Complete the challenge by writing CSS below */
img[title="avator"] {
border-radius; 50%;
}
<!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
Franklyn Gregory
12,088 PointsEven when I fix it, and to img[title="avatar"] { border-radius; 50%; }
it still saids it's wrong.
Margaux Flores
11,441 PointsIf you're using that same exact code, it might be because border-radius is followed by a semi-colon and not a colon.
So it should be:
img[title="avatar"] {
border-radius: 50%;
}
Franklyn Gregory
12,088 PointsAh!, thank you!
Shay Paustovsky
966 PointsShay Paustovsky
966 PointsHi There,
You have typed 'avator' and not 'avatar'. You've done everything correctly but you had a simple mistype.
Good Luck
Shay