Hello! Can someone please take a look at my CSS code in this challenge? I cannot figure this one out. Thank you!

Question

I am using similar format to what was used in the videos, but I am not getting the proper results.

style.css

/* Complete the challenge by writing CSS below */

img [title="avatar"]{
      border-radius: 50%;
}

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 · 2020-10-09T02:48:49Z

October 9, 2020 2:48am

Hi there, Charity Thomas! You're doing fantastic. Many parts of CSS don't really care much about white space. But the selector is a different story. You want to be careful with spacing here. To be clear, this is not specific to Treehouse nor the code challenge but CSS as a whole. This would also break outside of Treehouse.

You typed:

img [title="avatar"]

But that should be:

img[title="avatar"]

Removing the extraneous space will cause this to pass. Hope this helps!

Charity Thomas

Charity Thomas

Hello! Can someone please take a look at my CSS code in this challenge? I cannot figure this one out. Thank you!

1 Answer

Jennifer Nordell

Jennifer Nordell

Charity Thomas

Charity Thomas