Tell us what’s happening:
Can’t figure out why 10 and 11 are full-filled, can’t see where the typo or syntax error is first time posting any help would be apricated. Thanks
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="item 1" type="checkbox" name="item 1" value="item 1"</input>
<label for="item 1">Item 1</label></li>
<ul sub-item>
<li> <a class="sub-item-link" href="https://www.youtube.com/" target="_blank">Item 1A</a></li>
</ul>
<li><input id="item 1" type="checkbox" name="item 1" value="item 1"</input>
<label for="item 1">Item 1</label></li>
<ul sub-item>
<li> <a class="sub-item-link" href="https://www.youtube.com/" target="_blank">Item 1A</a></li>
</ul>
<li><input id="item 1" type="checkbox" name="item 1" value="item 1"</input>
<label for="item 1">Item 1</label></li>
<ul sub-item>
<li> <a class="sub-item-link" href="https://www.youtube.com/" target="_blank">Item 1A</a></li>
</ul>
<li><input id="item 1" type="checkbox" name="item 1" value="item 1"</input>
<label for="item 1">Item 1</label></li>
<ul sub-item>
<li> <a class="sub-item-link" href="https://www.youtube.com/" target="_blank">Item 1A</a></li>
</ul>
</li>
</ul>
</body>
</html>
/* file: styles.css */
a:focus {
color: green;
}
a:visted {
color: red;
}
a:hover {
color: yellow;
}
a:visted{
color: brown;
}
a {
text-decoration: none;
}
.sub-item-link{
color:purple;
}
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