Hi. I am completely stuck on step “14. The links on the page should have no underline by default”. I keep getting an error for this even though I think my html and css code is fine. Help appreciated
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Styled To-Do List</title>
</head>
<body>
<ul class="todo-list">
<li>
<input type="checkbox" id="iphone">
<label for="iphone">
Explore iphone</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.apple.com" target="_blank">iphone 16 pro max</a></li>
</ul>
<li>
<input type="checkbox" id="report">
<label for="report">
Explore reports</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.reports.com" target="_blank">Account reports</a></li>
</ul>
<li>
<input type="checkbox" id="keyboard">
<label for="keyboard">
Explore gaming keyboards</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.dell.com" target="_blank">Dell Keyboard</a></li>
</ul>
<li>
<input type="checkbox" id="ring">
<label for="ring">
Explore rings</label>
<ul class="sub-item">
<li><a class="sub-item-link" href="https://www.goldrings.com" target="_blank">Gold rings</a></li>
</ul>
</ul>
</body>
</html>
CSS
a {text-decoration: none;
}