Build a Stylized To-Do List - Build a Stylized To-Do list

HTML-CSS
1

Tell us what’s happening:

Which one is a mistake in css so it’s correct but it’s still doesn’t get the pass .

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
</head>

<body>
    <ul class="todo-list">
        <li>
      <input type="checkbox" id="relax" />
      <label for="relax">Relax</label>
      <ul class="sub-item">
        <li><a class="sub-item-link" href="#" target="_blank">Take a nap</a></li>
      </ul>
    </li>

    <li>
      <input type="checkbox" id="readbook" />
      <label for="readbook">Read book</label>
      <ul class="sub-item">
        <li><a class="sub-item-link" href="#" target="_blank">Read a novel</a></li>
      </ul>
    </li>

    <li>
      <input type="checkbox" id="playgame" />
      <label for="playgame">Play Game</label>
      <ul class="sub-item">
        <li><a class="sub-item-link" href="#"target="_blank">Play chess</a></li>
      </ul>
    </li>

    <li>
      <input type="checkbox" id="exercise" />
      <label for="exercise">Exercise</label>
      <ul class="sub-item">
        <li><a class="sub-item-link" href="#" target="_blank">Go jogging</a></li>
      </ul>
    </li>
    </ul>

</body>

</html>

/* file: styles.css */
a {
  text-decoration: none;
}

.sub-item-link:hover {
  color: red;
}

.sub-item-link:active {
  color: blue;
}

.sub-item-link:focus {
  outline: 2px solid orange;
}

.sub-item-link:visited {
  color: purple;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/141.0.0.0 Safari/537.36

Challenge Information:

Build a Stylized To-Do List - Build a Stylized To-Do list

2

probably its due to html markups, css seems to be fine, also notice, “links” with generic or specific rules nothing is getting through to have any effects!! i would say redo your html markups and try again, happy coding :slight_smile:

3

I think you are using unexpected selectors, the tests are expecting you to style all anchor elements, not only those with a specific class