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

HTML-CSS
1

Tell us what’s happening:

hhhhhhhhhhhhhhhhhhhhhhhheeeeeeeeeeeeeeeeellllllllllllllllllpppppppppppp

Your code so far

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

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
    <link rel="stylesheeet" hef="styles.css">
</head>
r
<body>
<ul class="todo-list">
<li>
    <input type="checkbox" id="read">
<label for="read" >Notes review </label>
</li>
<li>
    <input type="checkbox" id="laundry">
<label for="laundry" >Doing my laundry</label>
</li>
<li>
    <input type="checkbox" id="mopping">
<label for="mopping" >Mopping my living room</label>
</li>
<li>
    <input type="checkbox" id="dishes">
<label for="dishes" >Washing the dishes</label>
</li>
</ul>
<ul class="sub-item">
    <li>
        <a href="https://freecodecamp.org" class="sub-item-link"  target="_blank">visit freecodecamp to learn coding for free</a>
        </li>

</ul>








</body>

</html>

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

  color:blue;
}
a:hover{
color:gold;
}
a:focus{
border:2px solid aqua;
}
a:visited{
  color:rosybrown;
}
a:active{
color:red;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36

Challenge Information:

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

2

hello @rotichcheruiyot42 welcome to the forum!

Currently you have one .sub-item after your .todo-list. But according to User Story #3, you should have one .sub-item ul inside each of your .todo-list list-items, so there should be 4 sub-items in total.

Also please make sure to clean up the code AND have correct spelling for attributes.

3

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