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

HTML-CSS
1

Tell us what’s happening:

Both my list items and label have hyperlinks. can anyone explain what I have done wrong to me and how it’s wrong?

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="store">
        <label for="store">Gamming keyboard store</label>
            <ul class="sub-item" id="">
                <li><a href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list#">game</li>
            </ul>
        </li>

        <li>
        <input type="checkbox" id="report">
        <label for="report">Request Report</label>
            <ul class="sub-item" id="">
                <li><a href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list#">hey</li>
            </ul>
        </li>

        <li>
        <input type="checkbox" id="warrenty">
        <label for="warrenty">Phone warrenty</label>
            <ul class="sub-item">
                <li><a href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list#">what</li>
            </ul>
        </li>

        <li>
        <input type="checkbox">
        <label for=""></label>
            <ul class="sub-item">
                <li><a href=""></li>
            </ul> 
        </li>               
    </ul>

</body>

</html>

/* file: styles.css */

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 Edg/137.0.0.0

Challenge Information:

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

2

There are quite a few tests failed here, not all about the queries in your post.

I suggest you go through each story again and make sure that you have complied with them all.

Your last li has not been completed properly - you need 4 list items.

3

I know the last hadn’t been finished my issue I was working on was the link being underlined the rest I was figuring out with little to no issue. That was the bare bones of my code nothing else. I run a test every few steps to see where I may have messed up. I just need help with the underline in my links not going away. I do appreciate the input though.

4

Is it user story 4 you are stuck on?

" Your anchor elements shouldn’t have any default text decoration."

5

that and the fact that it not reading the unordered list i have with the class of sub-item.

6

I got it now

what is missing here on all your links

                <li><a href="https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list#">game</li>
7

From the instructions:

A list item with an anchor element in it. The anchor should have the class sub-item-link

Also, we’ll need to see your CSS to help you with the anchor elements.

8

i see where i am confusing everyone i put the wrong code up give me one second

9

nevermind about the underline not leaving i forgot to link css style sheet to html

10

and to answer i forgot the target thanks for that sometimes i miss the small things

11

thanks for all the help everyone. apprently i just had my coder too sloppy once i organized it a bit the html passed thanks