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

HTML-CSS
1

Tell us what’s happening:

hi guys im on step 9 and it dosent wanna take. i think im putting the ul and subclass in the right place

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="list">
            <label for="list">Hike
                <ul class="sub-item"></ul>    
            </input>
        </li>
        <li>
             <input type="checkbox" id="list">
            <label for="list">Weights
                <ul class="sub-item"></ul> 
            </input>
        </li>
        <li>
             <input type="checkbox" id="list">
            <label for="list">Diet
                <ul class="sub-item"></ul>      
            </input>
        </li>
        <li>
             <input type="checkbox" id="list">
            <label for="list">Run
                <ul class="sub-item"></ul>      
            </input>
        </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/144.0.0.0 Safari/537.36 Edg/144.0.0.0

Challenge Information:

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

2

An id is unique, so you cannot give the same id value to more than one element.

The input element is a void element and does not take a closing tag, but your label element does require a closing tag.

Please review User Story #3. Aren’t you missing something?

And don’t forget to link your stylesheet.

3 Likes
3

Ok i rewrote it from scratch and ya i was mixing up the label and input closing tags also i didnt even notice the id mistake so thank you there