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

Curriculum Help
1

Tell us what’s happening:

The (li) inside the (ul) with the class sub-item should have an anchor element with the class sub-item-link.
the above statement is the reply am getting after checking my code while the whole of my css is not working at all since all my steps on the marking scheme have an x. can

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="check-me"></input>
    <label for="check-me">checked</label>
     <ul class="sub-item"></ul>
     <a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">here we go</a></li>
   
    
    <li><input type="checkbox" id="check-me"></input>
    <label for="check-me">checked</label>
     <ul class="sub-item">
         <a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">here we go</a></ul>
     </li>
     
       
    <li><input type="checkbox" id="check-me"></input>
    <label for="check-me">checked </label>
     <ul class="sub-item"></ul>
     <a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">here we go</a></li>
    
       
    <li><input type="checkbox" id="check-me"></input>
    <label for="check-me">checked</label>
     <ul class="sub-item"></ul>
     <a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">here we go</a></li>
     </ul>  

</body>

</html>

/* file: styles.css */
a:link{color:blue}
a:hover{color:red}
a:focus-visible{outline: 2px pink}
a:visited{color:green}
a:active{color:orange}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.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

Hey @Allan1,

The test expects an anchor (a) element to be nested inside an li element, which should be inside a ul element with the class sub-item. However, this isn’t reflected in your code. I recommend reviewing the user stories again and taking it one step at a time.

Happy coding!

3

we are talking about something like this

         <li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="\_blank">here we go</a></li>

     </ul>

    if my code is right its still not working…

4

Please share your updated code.

5 
<meta charset="utf-8">

<title>Styled To-Do List</title>

    <li><input type="checkbox" id="check-me"></input>

<label for="check-me">checked</label>

 <ul class="sub-item"></ul>

 <a class="sub-item-link" href="https://www.freecodecamp.org/" target="\_blank">here we go</a></li>





<li><input type="checkbox" id="check-me"></input>

<label for="check-me">checked</label>

 <ul class="sub-item">

<li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="\_blank">here we go</a></li>

     </ul>

 </li>

 

   

<li><input type="checkbox" id="check-me"></input>

<label for="check-me">checked </label>

 <ul class="sub-item"></ul>

 <a class="sub-item-link" href="https://www.freecodecamp.org/" target="\_blank">here we go</a></li>



   

<li><input type="checkbox" id="check-me"></input>

<label for="check-me">checked</label>

 <ul class="sub-item"></ul>

 <a class="sub-item-link" href="https://www.freecodecamp.org/" target="\_blank">here we go</a></li>

 </ul>
6

You have only applied it one li element of ul with class todo-list, so please apply to remaining and then try to submit.