
Megan Zanders
3,623 PointsHelp with challenge 1.
So I was doing the challenge and I thought I had the right method but clearly I do not. What am I missing? Thanks for taking the time to help.
/* Complete the challenge by writing CSS below */
img [title="avatar"] {
border-radius: 50%;
border: 1px solid black;
}
<!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>
1 Answer

Steven Parker
205,163 PointsA space between two selectors creates a descendant selector, where the the one on the left is a containing element, and the one on the right is the actual target. But here, both selectors pertain to the same element, so there should be no space.
Megan Zanders
3,623 PointsMegan Zanders
3,623 PointsThank you.