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

Tell us what’s happening:

Please help me to solve this .I don’t know what’s the fault in my code.
so ,please help me to solve the lab.

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="stylesheet" href="style.css"/>
</head>

<body>
 <ul class="todo-list">
    <li>
        <input type="checkbox" id="todo-list">
     <label for="todo-list" id="todo-list">Todo List</label>
     <ul class="sub-item">
    <li>
       <a class="sub-item-link" href="https://www.sourcecodester.com/sites/default/files/styles/large/public/images/rems/tdle1.jpg?itok=Ryz4jpsK" target="_blank">Sample</a>
    </li>
    </ul>
</li> 
<li>
     <input type="checkbox" id="todo-list">
    <label for="todo-list" id="todo-list">Todo List</label>
    <ul class="sub-item">
    <li>
       <a class="sub-item-link" href="https://www.sourcecodester.com/sites/default/files/styles/large/public/images/rems/tdle1.jpg?itok=Ryz4jpsK" target="_blank">Sample1</a>
    </li>
    </ul>
</li> 
<li>
      <input type="checkbox" id="todo-list">
    <label for="todo-list" id="todo-list">Todo List</label>
<ul class="sub-item">
    <li>
       <a class="sub-item-link" href="https://www.sourcecodester.com/sites/default/files/styles/large/public/images/rems/tdle1.jpg?itok=Ryz4jpsK" target="_blank">Sample2</a>
    </li>
    </ul>
</li> 
<li>
     <input type="checkbox" id="todo-list">
    <label for="todo-list" id="todo-list">Todo List</label>
<ul class="sub-item">
    <li>
       <a class="sub-item-link" href="https://www.sourcecodester.com/sites/default/files/styles/large/public/images/rems/tdle1.jpg?itok=Ryz4jpsK" target="_blank" >Sample3</a>
    </li>
    </ul>
</li> 
      
</ul>    

</body>

</html>
/* file: styles.css */
body {
 font-size: 20;
 font-family: italic;
 background-color: #6ff8;

}
a {

  text-decoration: none;

}
a {

  text-decoration: none;

}
a:hover{

  text-decoration: underline;
  color: blue;

}
a:active{

  color: green;

}
a:focus{

  outline: 2px solid blue;

}
a:visited{

  color: purple;

}

Your browser information:

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

Challenge Information:

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

hello and welcome to fcc forum :slight_smile:

  • your css seems to be correct
  • your html markup need some adjustments, give it an another go

happy coding :slight_smile: