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

HTML-CSS
1

Tell us what’s happening:

Test 18 keeps failing even though my links DO change color when clicked. I cannot find the error.

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>
<ul class="todo-list">
    <li>
        <input type="checkbox" id="video-like">
        <label for="video-like">Like this Video</label>
        <ul class="sub-item">
            <li><a target="_blank" class="sub-item-link" href="https://www.google.com">Link to Video</a>
            </li>
            </ul>
    </li>
    <li>
        <input type="checkbox" id="subscribe">
        <label for="subscribe">Subscribe to this channel</label>
        <ul class="sub-item">
            <li><a target="_blank" class="sub-item-link" href="https://www.google.com">Link to Channel</a>
            </li>
            </ul>
    </li>
    <li><input type="checkbox" id="visit-site">
        <label for="visit-site">Visit BMTC.org</label>
        <ul class="sub-item">
            <li><a target="_blank" class="sub-item-link" href="https://www.bmtc.org">Link to website</a>
            </li>
            </ul>

    </li>
    <li>
        <input type="checkbox" id="linkedin">
        <label for="linkedin">Find me on LinkedIn</label>
        <ul class="sub-item">
            <li><a target="_blank" class="sub-item-link" href="https://www.google.com">Link to Contact Info</a>
            </li>
            </ul>
    </li>
</ul>
</body>

</html>

/* file: styles.css */
a {
  text-decoration: none;
  color: red;
}

a:visited {
  collor: blue;
}

a:hover {
  color: orange;
}

a:focus {
  outline: 1px solid purple;
}

a:click {
  color: black;
}

a:active {
  color: green;
}

Your browser information:

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

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

Welcome to the forum @NewGuy75

One of the properties in the CSS has a typo.

Happy coding

3

fixed the typo but still failing…

4

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

a:visited {
collor: blue;
}

a:hover {
color: orange;
}

a:focus {
outline: 1px solid purple;
}

a:clicked {
color: black;
}

a:active {
color: green;
}

5

Found it - passed. Thanks!

1 Like