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

HTML-CSS
1

Tell us what’s happening:

assist me in finding the mistake i made this time.

Your code so far

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

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <h1>My to-do list</h1>
    <hr>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
            <input type="checkbox" id="5"><label for="5" class="sub-item"><a href="https://swimsa.org/learn-to-swim" class="sub-item-link" target="_blank">Learn how to swim</a></label>
          <ul class="todo-list"><li class="sub-item">Make an appointment with the instructor</li></ul>
        
        <input type="checkbox" id="5"><label for="5" class="sub-item"><a href="https://www.how-2-drive.com/driving-lessons/learner-driver-guide/level-1-basic-skills/" class="sub-item-link" target="_blank">Learn to drive</a></label><ul class="todo-list"><li class="sub-item">Book an appointment with the driving school</li></ul>
        <input type="checkbox" id="5"><label for="5" class="sub-item"><a href="https://learntosew.co.za/" target="_blank" class="sub-item-link" >Learn to sew</a></label><ul class="todo-list"><li class="sub-item">Register for sewing classes</li></ul>
<input type="checkbox" id="5"><label for="5" class="sub-item"><a href="https://www.justinguitar.com/" target="_blank" class="todo-list">Learn to play guiter</a></label><ul class="todo-list"><li class="sub-item">Register for guiter lessons</li></ul>
        </li>
<hr>        

</body>

</html>

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

body {
  background: pink;
  font-family: Arial;
}
hr {
  color: red;
  border-color: red;
}

Your browser information:

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

Challenge Information:

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

2

The formatting of your HTML makes your code difficult to read/debug.
Try running it through an HTML formatter/validator and you might be able to see more clearly where the issues are.

Which tests are failing and what steps have you tried to address the failing tests?

1 Like
3

if posible </li> exceded <hr> </body></html>