Tell us what’s happening:
i’ve issue with number 8&9 and i have try all possible way kindly help me
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Styled To-Do List</title>
<link href="styles.css" rel="stylesheet"/>
</head>
<body>
<h1>My To-Do List</h1>
<ul class="todo-list">
<li><input type="checkbox"id="checkbox"><label for="checkbox">Explore gaming keyboards</label></li>
<ul class="sub-item">
<li>
<a href="store"target="_blank"class="sub-item-link">Store link</a></li>
</ul>
</li>
<li><input type="checkbox"id="checkbox"><label for="checkbox"> Finish the report </label> </li><ul class="sub-item">
<li>
<a href="request"target="_blank"class="sub-item-link">Request Access</a></li>
</ul>
</li>
<li><input type="checkbox"id="checkbox"><label for="checkbox">View Phone's Warranty </label></li><ul class="sub-item">
<li>
<a href="view"target="_blank"class="sub-item-link">View Receipts</a></li>
</ul>
</li>
<li><input type="checkbox"id="checkbox"><label for="checkbox"> Check Processor Specs</label></li>
<ul class="sub-item">
<li>
<a href="model"target="_blank"class="sub-item-link">View Model Number </a></li>
</ul>
</li>
</ul>
</body>
</html>
/* file: styles.css */
body{background-color:white;}
.todo-list{background-color:lightgreen;text-align:center;margin-left:auto;margin-right:auto;}
a {text-decoration:none;}
a:link{color:blue;}
a:visited {color:pink;}
a:hover{color:purple;}
a:focus{color:orange;outline:auto;}
a:active{color:brown;}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/145.0.0.0 Safari/537.36
Challenge Information:
Build a Stylized To-Do List - Build a Stylized To-Do list