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

Tell us what’s happening:

On the “Build a Stylized To-Do List” assignment, the website is NOT recognising any of my CSS code and for that reason it tells me I’ve failed the tests. so it is refusing to pass me

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
</head>
<body>
<ul class="todo-list">
   <li>
    <input type="checkbox" id="smiler">
    <label for="smiler">do your assignment and call great</label>
    <ul class="sub-item">
      <li>
        <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
        <li/>
    </ul>
    <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
   </li>
   <li>
    <input type="checkbox" id="smiler">
    <label for="smiler">do your assignment and call great</label>
    <ul class="sub-item">
      <li>
        <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
        </li>
    </ul>
    <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
   </li>
   <li>
    <input type="checkbox" id="smiler">
    <label for="smiler">do your assignment and call great</label>
    <ul class="sub-item">
      <li>
        <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
        </li>
    </ul>
    <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
   </li>
   <li>
    <input type="checkbox" id="smiler">
    <label for="smiler">do your assignment and call great</label>
    <ul class="sub-item">
      <li>
        <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
        </li>
    </ul>
    <a href="https://example.com" class="sub-item-link" target="_blank">ok</a>
   </li>
 </ul>
</body>
</html>

/* file: styles.css */
.sub-item-link {
  text-decoration: none;
  color: blue;
}

.sub-item-link:visited {
  color: purple;
}

.sub-item-link:hover {
  color: red;
}

.sub-item-link:focus {
  outline: 2px solid green;
}

.sub-item-link:active {
  color: orange;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) 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

None of the code in your styles.css file is being applied?

Can you think of a reason why all of your CSS code in the styles.css file would not be applied to your HTML code?

Remember this?

Design a Cafe Menu: Step 12 | freeCodeCamp.org

1 Like

Thank you very much i understand noe