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

HTML-CSS
1

Tell us what’s happening:

having problems with 14 to 18. what am I doing wrong?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Todo List</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <ul class="todo-list">
    <li>
      <input type="checkbox" id="task-1" />
      <label for="task-1">ChatGPT'ye soru sor</label>
      <ul class="sub-item">
        <li>
          <a href="https://www.google.com" class="sub-item-link" target="_blank">Chat link</a>
        </li>
      </ul>
    </li>
    <li>
      <input type="checkbox" id="task-2" />
      <label for="task-2">Klavye araştır</label>
      <ul class="sub-item">
        <li>
          <a href="https://www.google.com" class="sub-item-link" target="_blank">Klavye link</a>
        </li>
      </ul>
    </li>
    <li>
      <input type="checkbox" id="task-3" />
      <label for="task-3">YZ araştır</label>
      <ul class="sub-item">
        <li>
          <a href="https://www.google.com" class="sub-item-link" target="_blank">YZ link</a>
        </li>
      </ul>
    </li>
    <li>
      <input type="checkbox" id="task-4" />
      <label for="task-4">Side hustle araştır</label>
      <ul class="sub-item">
        <li>
          <a href="https://www.google.com" class="sub-item-link" target="_blank">Side hustle link</a>
        </li>
      </ul>
    </li>
  </ul>
</body>
</html>

/* file: styles.css */

a {
    text-decoration: none;
    color: blue;
}


.sub-item-link:visited {
    color: cyan;
    text-decoration: none; 
}

/* Hover efekti */
.sub-item-link:hover {
    color: pink;
    text-decoration: none; 

}
.sub-item-link:focus {
    outline: 2px solid orange;
    outline-offset: 2px;
    text-decoration: none; 
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/139.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

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  1. Are there any errors or messages in the console?
  2. What is the requirement of the first failing test?
  3. Check the related User Story and ensure it’s followed precisely.
  4. What line of code implements this?

If this does not help you solve the problem, please reply with answers to these questions.