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

HTML-CSS
1

Tell us what’s happening:

My test is not passing I am failing the following below, but I do not know what else to do. I have reset the test and refreshed multiple times.

Failed:14. The links on the page should have no underline by default.
Failed:15. The links should change color when hovered over.
Failed:16. The links should change color when they are being clicked.
Failed:17. The links should have an outline when focused.
Failed:18. The links should change color once visited.

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="style.css" />
</head>

<body>
  <main>
    <h1>My To-Do List</h1>
    <ul class="todo-list">

      <li>
        <input id="task1" type="checkbox">
        <label for="task1">Log in to Slack for daily task</label>
        <ul class="sub-item">
          <li>
            <a class="sub-item-link"
               href="https://slack.com/get-started#/createnew"
               target="_blank">
               Slack Log in
            </a>
          </li>
        </ul>
      </li>

      <li>
        <input id="task2" type="checkbox">
        <label for="task2">Conduct test in Kiwi TCMS</label>
        <ul class="sub-item">
          <li>
            <a class="sub-item-link"
               href="https://tcm.craftercms.org/accounts/login/?next=/cases/new/"
               target="_blank">
               Kiwi TCMS Log in
            </a>
          </li>
        </ul>
      </li>

      <li>
        <input id="task3" type="checkbox">
        <label for="task3">Create bug tickets in Jira</label>
        <ul class="sub-item">
          <li>
            <a class="sub-item-link"
               href="https://www.atlassian.com/software/jira"
               target="_blank">
               Jira Log in
            </a>
          </li>
        </ul>
      </li>

      <li>
        <input id="task4" type="checkbox">
        <label for="task4">Take notes for stand-up meeting</label>
        <ul class="sub-item">
          <li>
            <a class="sub-item-link"
               href="https://slack.com/get-started#/createnew"
               target="_blank">
               Notes in Slack
            </a>
          </li>
        </ul>
      </li>

    </ul>
  </main>
</body>

</html>


/* file: styles.css */
/* 14. The links on the page should have no underline by default */
.sub-item-link {
  text-decoration: none;
}

/* 15. The links should change color when hovered over */
.sub-item-link:hover {
  color: blue;
}

/* 16. The links should change color when they are being clicked */
.sub-item-link:active {
  color: red;
}

/* 17. The links should have an outline when focused */
.sub-item-link:focus {
  outline: 2px solid orange;
}

/* 18. The links should change color once visited */
.sub-item-link:visited {
  color: purple;
}

Your browser information:

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

Challenge Information:

Build a Stylized To-Do List - Build a Stylized To-Do list
https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list

2

is any of your css being applied? making everything bring bink to check so you can’t miss it