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

HTML-CSS
1

Tell us what’s happening:

can’t seem to move ahead from this section because of the following reasons highlighted by the system:
• 9. After the label elements, there should be an unordered list with the class sub-item.
• Failed:10. The li inside the ul with the class sub-item should have an anchor element with the class sub-item-link

Your code so far

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

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title>Styled To-Do List</title>
</head>

<body>
  <ul class="todo-list">
    <li><input id="study" type="checkbox">
    <label for="study">Study</label>
    </li>
    <ul class="sub-item">
        <li>
            <a href="https://www.freecodecamp.org/learn/" class="sub-item-link" target="_blank">Revision Texts</a>
        </li>
    </ul>
    <li><input id="workout" type="checkbox">
    <label for="workout">Workout in the gym</label>
    <ul class="sub-item">
      <li><a href="https://www.freecodecamp.org/learn/" class="sub-item-link" target="_blank">Gym memberships</a></li>
    </ul>
    </li>
    <li><input id="documentary" type="checkbox">
    <label for="documentary">Watch a documentary</label>
    <ul class="sub-item">
      <li><a href="https://www.freecodecamp.org/learn/" class="sub-item-link" target="_blank">History</a></li>
    </ul>
    </li>
    <li><input id="processor-specs" type="checkbox">
    <label for="processor-specs">Volunteer to teach Computer Science</label>
    <ul class="sub-item">
      <li><a href="https://www.freecodecamp.org/learn/" class="sub-item-link" target="_blank">Documentation</a></li>
    </ul>
    </li>
  </ul>
</body>

</html>

/* file: styles.css */
a{
text-decoration:none;
color:blue;
}
a:visited{
  color:purple;
}
a:hover{
  color:red;
}
a:focus{
  outline:2px solid green ;
}
a:active{
  color:black;
}

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36

Challenge Information:

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

2

Does this look right to you? Formatting your code would probably help you find this sort of anomaly.

3

I’ve formatted my code but the problem is still there.

4

share your reformatted code?

2 Likes
5

I’ve seen where I made a mistake earlier on the beginning of my code. Thanks.

9

Here’s the code.

removed by mod
10

I’ve shared my code.

11

Glad you got it, please do not share solution code.