Build a Stylized To-Do list

HTML-CSS
1

Hello

Can someone please help! I’m getting an error on test item 9 (9. After the label elements, there should be an unordered list with the class sub-item.) but I can’t the mistake.

My HTML code is the following:

<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8">

    <title>Styled To-Do List</title>

    <link rel="stylesheet" href="styles.css">

</head>



<body>

    <h1>To Do List</h1>



    <ul class="todo-list">



        <li>

            <input type="checkbox" id="net"/>

            <label for="net"> Check Internet Connection</label>

            

            <ul class="sub-item">

                <li>

                    <a class="sub-item-link" href="https://www.freecodecamp.org/learn" target="\_blank"> Router and Modem</a>

                </li>

            </ul>



        </li>



        <li>

            <input type="checkbox" id="TV"/>

            <label for="TV"> Turn TV on</label>



            <ul class="sub-item">

                <li>

                    <a class="sub-item-link" href="https://www.freecodecamp.org/learn" target="\_blank">Socket and Cables<a/>

                </li>

            </ul>



        </li>



        <li>

            <input type="checkbox" id="controls"/>

            <label for="controls"> Collect controls, beverages and snacks </label>



            <ul class="sub-item">

                <li>

                    <a class="sub-item-link" href="https://www.freecodecamp.org/learn" target="\_blank">Charging station, fridge and cupboards<a/>

                </li>

            </ul>



        </li>



        <li>

            <input type="checkbox" id="enjoy"/>

            <label for="enjoy"> Sit down and enjoy</label>



            <ul class="sub-item">

                <li>

                    <a class="sub-item-link" href="https://www.freecodecamp.org/learn" target="\_blank">Chair and pillow<a/>

                </li>

            </ul>



        </li>

    </ul>



</body>



</html>

Thanks

2

Hi

Can you please post the url of the challenge you are stuck on.

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like
3

Hi Buddy, Here in this code you need to define us and do tell us where actually are you facing issue.

When you do so then we will able to quickly identify the problem and then will be able to help You Out.

Hope You Understand.

4

Check that the closing tags of your anchor elements are syntactically correct.

In the future, if you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Get Help > Ask for Help button located on the challenge.

image
image493×196 5.09 KB

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

5

Thanks! That was the issue!

OK I’ll do. first time posting. sorry