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

HTML-CSS
1

Tell us what’s happening:

this should be really simple and is probly a syntax error on my part but i cant seem to get the first css step to lock in

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="hike">
                <label for="hike"> Hike</label>
                    <ul class="sub-item">
                         <li><a class="sub-item-link" href="https://www.facebook.com/" target="_blank">Uphill</a>
                        </li>
                    </ul>
             
        </li>
        
        <li>
            <input type="checkbox" id="run">
                <label for="run"> Run</label>
                    <ul class="sub-item">
                        <li><a class="sub-item-link" href="https://www.facebook.com/" target="_blank">Pavement</a>
                        </li>
                     </ul>
             
        </li>
        
        <li>
            <input type="checkbox" id="pushup">
                <label for="pushup"> Pushup</label>
                    <ul class="sub-item">
                         <li><a class="sub-item-link" href="https://www.facebook.com/" target="_blank">Inverted</a>
                        </li>
                    </ul>
             
        </li>
        
        <li>
            <input type="checkbox" id="crunch">
                <label for="crunch"> Crunch</label>
                    <ul class="sub-item">
                         <li><a class="sub-item-link" href="https://www.facebook.com/" target="_blank">Weighted</a>
                        </li>
                    </ul>
             
        </li>
    </ul>
</body>

</html>

/* file: styles.css */
a {
text-decoration: none;
}

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

At the end of the instructions:

Note: Be sure to link your stylesheet in your HTML and apply your CSS.

You can do simple tests, like changing the body background to red, to check if your CSS is working at all. If something simple and obvious isn’t working then you have a better idea of what the problem is.

2 Likes
3

ahh ok you saved me again pk

1 Like
4

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.