JavaScript CSS Selectors Quickstart CSS Selector Basics Attribute Selectors Challenge

what im doing wrong

keep doing this over and over and i still get it wrong

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

input[type="password"] {
  color: #ccc;

input[type="submit"] {
  background-color: #52bab3;
<!DOCTYPE html>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href=',300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
    <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">

It's hard to tell what you are doing wrong since you have passed tasks 1 - 3. Can you post what you tried for task 4?

1 Answer

Hi there, I just walked through this. Are you missing #4 or can't get past #3? My css:

/* Complete the challenge by writing CSS below */
img[title="avatar"] {border-radius:50%;}
input[type="password"] {color:#ccc;}
input[type="submit"] {background-color:#52bab3;}
input[type="reset"] {background-color:tomato;}