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

HTML-CSS
1

Tell us what’s happening:

my code is correct but I still cant pass for some reason please hepl me out

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="main">
 <h1>My to do list</h1>
 <ul class="todo-list">
  <li>
    <input type="checkbox" id="gaming">
    <label for="gaming">Perfect your sniping skills</label>
    <ul class="sub-item">
      <li><a class="sub-item-link" href="https://youtu.be/O2OLg3AuUag?list=TLPQMjcwNjIwMjX5jCWrfbpUDg" target="_blank">Video link</a></li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="learning">
    <label for="learning">Sharpen my coding skills</label>
    <ul class="sub-item">
      <li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">Coding link</a></li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="leisure">
    <label for="leisure">Watch a movie</label>
    <ul class="sub-item">
      <li><a class="sub-item-link" href="https://www.netflix.com/" target="_blank">Site link</a></li>
    </ul>
  </li>

  <li>
    <input type="checkbox" id="relaxation">
    <label for="relaxation">Read a novel</label>
    <ul class="sub-item">
      <li><a class="sub-item-link" href="https://libgen.onl/" target="_blank">Site link</a></li>
    </ul>
  </li>
 </ul>
</div>
</body>
</html>

/* file: styles.css */
#main {
  background-color: rgb(230, 227, 195);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border: solid 3px rgb(82, 7, 20);
  border-radius: 10px;
}
a.sub-item-link:link {
  color: blue;
  text-decoration: none;
}
a.sub-item-link:hover {
  color: purple;
}
a.sub-item-link:visited {
  color: purple;
}
a.sub-item-link:active {
  color: white;
}
a.sub-item-link:focus {
  color: yellow;
}

Your browser information:

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

Challenge Information:

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

2

Welcome to the forum :wave:

  1. The links on the page should have no underline by default.

Your anchor elements shouldn’t have any default text decoration.

These don’t really refer to any specific class. It seems to refer to all links.