unreasonable passcase

Question

if I have a space after selecting "title=" the code runs as expected but I am told I failed.

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>Attribute Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="page.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="user">

          <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">
            <input type="reset" value="Reset">
        </form>
    </div>
</body>
</html>

Answer 1 · 2022-11-14T00:24:08Z

November 14, 2022 12:24am

Your browser might allow a space there, but the lessons teach the creation of attribute selectors without additional spaces. The challenge is grading your response on how it conforms to the lesson and not just on if it works in the browser.

Anyway, the code shown above passes tasks 1 and 2, you can continue from there to complete tasks 3 and 4.

Welcome to the Treehouse Community

Looking to learn something new?

Conan Ngan

Conan Ngan

unreasonable passcase

1 Answer

Steven Parker

Steven Parker