Tell us what’s happening:
hii,can someone explain me what is wrong on my css file?,i cant resolve the number 14,15,16,17,18
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styled To-Do List</title>
</head>
<body>
<h1>To do list</h1>
<section>
<ul class="todo-list">
<li> <input type="checkbox" id="eat" name="eat" value="eat"><label for="eat">eat</label>
<ul class="sub-item">
<li class="sub-item-link"><a href=" " alt="pud" target="_blank" class="sub-item-link">List of food you are to take</a></li>
</ul>
</li>
<li>
<input type="checkbox" id="sleep" name="sleep" value="sleep"><label for="sleep">sleep</label>
<ul class="sub-item">
<li class="sub-item-link"><a href=" " alt="pud" target="_blank" class="sub-item-link">Survey of your sleep from the past year.</a></li>
</ul>
</li>
</li>
<li>
<input type="checkbox" id="code" name="code" value="code"><label for="code">code</label>
<ul class="sub-item">
<li class="sub-item-link"><a href=" " alt="pud" target="_blank" class="sub-item-link">languages you have to study</a></li>
</ul>
</li></li>
<li>
<input type="checkbox" id="repeat" name="repeat" value="repeat"><label for="repeat">repeat</label>
<ul class="sub-item">
<li class="sub-item-link"><a href=" " alt="pud" target="_blank" class="sub-item-link">or you could do this instead.</a></li>
</ul>
</li></li>
</ul>
</body>
</html>
.todo-list {
list-style: none;
}
a {
text-decoration: none;
}
a:hover {
color: yellow;
}
a:active {
color: red;
}
a:visited {
color: purple;
}
a:focus {
outline: solid 2px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/142.0.0.0 Safari/537.36
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list