Tell us what’s happening:
After the label elements, there should be an unordered list with the class sub-item.
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 type="checkbox" id="item1"><label for="item1">item1</label></li>
<li><input type="checkbox" id="item2"><label for="item2">item2</label></li>
<li><input type="checkbox" id="item3"><label for="item3">item3</label></li>
<li><input type="checkbox" id="item4"><label for="item4">item4</label></li>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://search.brave.com/ask" target="_blank">Brave</a></li>
</ul>
</ul>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/155.0.0.0 Safari/537.36
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list