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

HTML-CSS
1

Tell us what’s happening:

I can’t get number 8 checked is says: “The ID and FOR attributes of the input and label elements pairs, should have corresponding values.”
while they corresponding.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <link href="styles.css" rel="stylesheet"/>
</head>

<body>
    <label for="todo-list">
        <h2>To-do list</h2>
    </label>
<ul class="todo-list">
    <li>
         <input type="checkbox" id="store" />
         <label for="store" >Checkbox1</label>

       <ul class="sub-item">
           <li>
        <a class="sub-item-link" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list#" target="_blank">Store link</a>
        </li>
        </ul>

    </li>


    <li>
        <input type="checkbox" id="request" />
       <label for="request" >Checkbox2</label>
        
        <ul class="sub-item">
<li>
        <a class="sub-item-link" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list#" target="_blank">Request Access</a> 
</li>
        </ul>

    </li>

    <li>
        <input type="checkbox" id="view" />
        <label for="view" >Checkbox3</label>
        
        <ul class="sub-item">
        <li>
        <a class="sub-item-link" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list#" target="_blank">View Receipts</a>
        </li>
        </ul>

        </li>


    <li>
        <input type="checkbox" id="model" />
        <label for="model" >Checkbox4</label>
        
        <ul class="sub-item">
            <li>
        <a class="sub-item-link" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/lab-stylized-to-do-list/build-a-stylized-to-do-list#" target="_blank">View model number</a>
        </li>
        </ul>

    </li>
</ul>
</body>

</html>

/* file: styles.css */
a {
        text-decoration: none;
        color: green;
        }
        a:visited {
          color: blue;
        }
        a:hover {
         color: red;
        }
        a:focus {
          color: orange;
          outline: orange;
        }
        a:active {
          color: yellow
        }

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) 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

2

why do you have a label here?

3

Just to add title to the form, but that isn’t the issue

4

why do you think it’s not?
that is not a proper use of a label

5

Thank you, that was thee issue