Am I doing something wrong? Step 2 does not want to go through
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styled To-Do List</title>
</head>
<body>
<h1>My To-do list</h1>
<ul class="todo-list">
<li>
<input type="checkbox" id="Reading"/>
<label for="Reading">Research more philosophical books to read</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://stores.barnesandnoble.com/store/2920" target="_blank">Barnes & Noble</a></li>
</li>
<li>
<input type="checkbox" id="Traveling"/>
<label for="Traveling">Check flight tickets for Massachusetts</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.skyscanner.com" target="_blank">Skyscanner</a></li>
</li>
<li>
<input type="checkbox" id="Games"/><label for="Games">Skyrim for 30 minutes</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://en.uesp.net/wiki/Skyrim:Skyrim" target="_blank">Xbox One</a></li>
</li>
<li>
<input type="checkbox" id="Exercise"/><label for="Exercise">Calisthenics for an hour</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.healthline.com/health/fitness-exercise/calisthenics" target="_blank">Thenx</a>
</li>
</li>
</body>
</html>
/* file: styles.css */
ul {
list-style: none;
padding: 0;
margin: 0;
}
.sub-item {
border: 1px solid #333;
}
.sub-item-link {
text-decoration: none;
outline: none;
color: black;
}
.sub-item-link:hover {
color: red;
}
.sub-item-link:active {
color: blue;
}
.sub-item-link:focus {
outline: 2px dashed #000;
}
.sub-item-link: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/138.0.0.0 Safari/537.36 Edg/138.0.0.0
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list
https://www.freecodecamp.org/learn/full-stack-developer/lab-stylized-to-do-list/build-a-stylized-to-do-list
