Help with challenge 1.

Question

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.

style.css

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

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-04-23T00:27:40Z

April 23, 2019 12:27am

A 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

Megan Zanders

Help with challenge 1.

1 Answer

Steven Parker

Steven Parker

Megan Zanders

Megan Zanders