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

HTML-CSS
1

Tell us what’s happening:

Hi, I am not passing step 7 and getting the following message: * Failed: 7. The li inside the ul with the class sub-item should have an anchor element with the class sub-item-link."* Passes all other steps prior to that. Is this a bug?

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="styles.css">
</head>

<body>

<ul class="todo-list">

    <li>
    <input id="buy-dinner" type="checkbox">
    <label for="buy-dinner">Buy Dinner</label>  <ul class="sub-item">
    <li><a href="www.freecodecamp.com" target:"_blank" class:"sub-item-link">Sainsbury's</a></li>
       
        </ul>
</li>
     
    <li>
    <input id="cancel-appointment" type="checkbox">
    <label for="cancel-appointment">Cancel Appointment</label>  <ul class="sub-item">
    <li><a href="www.freecodecamp.com" target:"_blank" class:"sub-item-link">British Appointment</a></li>
        </ul>
  </li>
  
    <li>
    <input id="Apprenticeship" type="checkbox">
    <label for="Apprenticeship">Apprenticeship</label>  
     <ul class="sub-item">
    <li><a href="www.freecodecamp.com" target:"_blank" class:"sub-item-link">Government Website
        </a></li>
    </ul>
</li>

     <li>
    <input id="washing" type="checkbox">
    <label for="washing">Do the Washing</label>  <ul class="sub-item">
    <li><a href="www.freecodecamp.com" target:"_blank" class:"sub-item-link">Washing Machine
      </a></li>
    </ul>
</li>
</ul>

</body>

</html>

/* file: styles.css */
 .todo-list {
    list-style-type: none;
        }

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:136.0) Gecko/20100101 Firefox/136.0

Challenge Information:

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

2

Please use = instead of : to assign values to attributes.

1 Like
3

@a2937 Thanks so much