Build a Stylized To-Do List Step 3 Tests 9 and 10

HTML-CSS
1

Tell us what’s happening:

Everything runs correctly except tests 9 and 10 (user story 3)

I don’t understand why.

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="cpu">
            <label for="cpu">CPU</label>
            <ul class="sub-item">
                <li><a target="_blank" class="sub-item-link" href="https://google.com">Find CPU</a></li>
            </ul>
        </li>
        <!-- End -->
        <li>
            <input type="checkbox" id="mem">
            <label for="mem">Memory</label>
            <ul class="sub-item">
                <li><a target="_blank" class="sub-item-link" href="https://google.com">Find RAM</a></li>
            </ul>
        </li>
        <!-- End -->
        <li>
            <input type="checkbox" id="gpu">
            <label for="gpu">GPU</label>
            <ul class="sub-item">
                <li><a target="_blank" class="sub-item-link" href="https://google.com">Find Power Supply Unit</a></li>
            </ul>
        </li>
        <!-- End -->
        <li>
            <input type="checkbox" id="psu">
            <label for="psu">PSU</label></li>
            <ul class="sub-item">
                <li><a target="_blank" class="sub-item-link" href="https://google.com">Find Graphics Card</a></li>
            </ul>
        </li>
        <!-- End -->
    </ul>
</body>

</html>

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

a:visited {
    color:aqua;
}

a:hover {
    color: #00FFb0
}

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

a:active {
    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

What are tests 9 and 10? What part of your code do you think should satisfy these tests?

3

Look carefully at this bit.

4

Welcome back to the forum @tomdotcom

The code looks great.

However, you have an extra li closing tag in your code which is closing the element too early, and breaking the nesting for the rest of the code.

Happy coding

5

:person_facepalming:
Thanks! That fixed it.