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

Programming HTML-CSS
1

Tell us what’s happening:

After the label elements, there should be an unordered list with the class sub-item.. I can not get step 9 to pass in Build a stylized To-Do list

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 id="shopping" type="checkbox">
            <label for="shopping">Shopping</label>
        </li>
        <li>
            <input id="housework" type="checkbox">
            <label for="housework">Housework</label>
        </li>
        <li>
            <input id="laundry" type="checkbox">
            <label for="laundry">Laundry</label>
        </li>
        <li>
            <input id="carwash" type="checkbox">
            <label for="carwash">Carwash</label>
            </li>
    <ul class="sub-item">

    </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/148.0.0.0 Safari/537.36

Challenge Information:

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

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-stylized-to-do-list/66c051d13a6a20255a963695.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

HI

If you look at user story 3, there are 4 instructions for each list item. You have only done 2 of them. You do to put all 4 inside each list item.