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

HTML-CSS
1

Tell us what’s happening:

Hi,
I don’t know why I have errors in the tests num:2, 8, 15, 16 and 17.
I think that everithink is ok.
Thanks

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 rel="icon" href="images/todo-icon-14.jpg">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>My To-Do List</h1>
    <ul class="todo-list">
        <div>
            <li>
                <input type="checkbox" id="anki">
                <label for="anki">Do 30 minutes of Anki</label>
                <ul class="sub-item">
                    <li><a href="https://pomofocus.io/app" class="sub-item-link" target="_blank">Pomodoro timer</a></li>
                </ul>
            </li>
        </div>
        <div>
            <li>
                <input type="checkbox" id="sentence-mining">
                <label for="sentence-mining">Do 2 hours of immersion</label>
                <ul class="sub-item">
                    <li><a href="https://pomofocus.io/app" class="sub-item-link" target="_blank">Pomodoro timer</a></li>
                </ul>
            </li>
        </div>
        <div>
            <li>
                <input type="checkbox" id=play-chess">
                <label for="play-chess">Play a game of chess</label>
                <ul class="sub-item">
                    <li><a href="https://chess.com" class="sub-item-link" target="_blank">Chess.com</a>
                    </li>
                </ul>
            </li>
        </div>
        <div>
            <li>
                <input type="checkbox" id="homework">
                <label for="homework">Do  1 hour of homework</label>
                <ul class="sub-item">
                    <li><a href="https://my.brain.fm/" class="sub-item-link" target="_blank">Brain.fm</a></li>
                </ul>
            </li>
        </div>
    </ul>
</body>
</html>

/* file: styles.css */
body {
    background-color: antiquewhite
}

h1 {
    text-align: center
    ;
}

a {
    text-decoration: none;
}

a:link {
    color: chocolate;
}

a:visited {
    color: brown;
}

a:hover, a:active, a:focus{
    color: burlywood;
}

li {
    list-style-type: none;
}

.todo-list  {
    margin:auto;
    background-color:cornsilk;
    width: 80%;
    height: auto;
    max-width: 6000px;
    padding: 16px;
}

div {
    background-color:bisque;
    width: 80%;
    height: 50px;
    margin: auto;
    margin-bottom: 10px;
    text-align: center;
}

.sub-item {
    padding-top: 5px;
}

Your browser information:

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

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

2

Here are some troubleshooting steps you can follow. Focus on one test at a time:

  • What is the requirement of the first failing test?
  • Check the related User Story and ensure it’s followed precisely.
  • What line of code implements this?
  • Are there any errors or messages in the console?

If this does not help you solve the problem, please reply with answers to these questions.

3

As well as the advice from @ILM, don’t add elements or code you are not asked to add.

4

But i didn- knew how to style it…

5

If you follow through each of the stories as suggested above you will see it as well as solving the other issues.

6

But I did that but I think that it-s ok

7

You did what?

If there are no errors or messages in the console you can say “No” and if there are you can say “Yes” and then share those errors or messages here if you need assistance with them.

8

Sorry, I don’t understand what outline refeers to

9

Sorry, I don’t understand what outline refeers to

10

I mean, I resolve t with gemini that teached me. But I whould like to know when is this discused in the curriculum.

11

Where did you see the word “outline” ?

If English isn’t your first language maybe it would help if you type your questions and replies in your main language an we can try to translate.

Otherwise I think something is getting lost here.

13

Captura de pantalla 2025-08-11 205720

Here is aphoto

14

an outline is something thst goes around the element

15

If there’s something you don’t understand or remember like this, you can do a web search. This is referring to a CSS outline property

https://www.w3schools.com/css/css_outline.asp

You can also share the text of the User Story or Test here, then we can know what you’re talking about