Build a Stylized To-Do List - Build a Stylized To-Do list

Curriculum Help
1

Tell us what’s happening:

Your a elements should not have any text decorations.
This is the feedback am getting after checking my code plus my css is not working

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="style.css">   
</head>

<body>
<ul class="todo-list">
    <li>
         <input type="checkbox" id="treasonable"></input>
           <label for="treasonable">web</label>
           <ul class="sub-item"><li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">web solutions</a></li></ul>
    </li>
     <li>  <input type="checkbox" id="treasonable"></input>
           <label for="treasonable">web solutions</label>
           <ul class="sub-item"><li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">web solutions</a></li></ul></li>
      <li>  <input type="checkbox" id="treasonable"></input>
           <label for="treasonable">web solutions</label>
           <ul class="sub-item"><li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">web solutions</a></li></ul></li>
       <li>  <input type="checkbox" id="treasonable"></input>
           <label for="treasonable">web solutions</label>
           <ul class="sub-item"><li><a class="sub-item-link" href="https://www.freecodecamp.org/" target="_blank">web solutions</a></li></ul></li>
    </ul>
</body>

</html>

/* file: styles.css */
a:link{color:blue;}
a:visited{color:green;}
a:hover{color:brown;}
a:focus{outline:2px orange;}
a:active{color:red;}
a {
  text-decoration: none;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/149.0.0.0 Safari/537.36

Challenge Information:

Build a Stylized To-Do List - Build a Stylized To-Do list

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-stylized-to-do-list/66c051d13a6a20255a963695.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Hey @Allan1,

Make sure you are linking your stylesheet properly!

3

where might I be going wrong in my link?

4

image
These are the files which freeCodeCamp provides for us to write our code.

5

since this is a learning platform I have to ask.
Why did we classify this CSS as internal instead of External where we could have used the link element?

6

the CSS you are using is external, because it is in a separate file and it’s the most common way of using CSS