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

HTML-CSS
1

Tell us what’s happening:

Вообще не понимаю, что не так в задании 3 и 4. Всё сделано правильно, что не так?

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

<body>
    <h1>Todo-List</h1>
    <ul class="todo-list">
        <li>
        <input type="checkbox" id="apples">
        <label for="apples">Apples</label>
      </li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
</body>

</html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

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

2

Я решил проблему. Оказалось в каждом спике li нужен был input

1 Like
3

Tell us what’s happening:

The problem is in task 9 and 10. I’ve double-checked it a million times and still can’t figure out what’s wrong. Help please.

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

<body>
    <h1>Todo-List</h1>

    <ul class="todo-list">
      <li>
        <input type="checkbox" id="apples">
        <label for="apples">Apples</label>
        <ul class="sub-item">
            <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Photo Apples</a></li>
        </ul>
      </li>

      <li>
          <input type="checkbox" id="Banana">
          <label for="Banana">Banana</label>
          <ul class="sub-item">
              <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Photo Banana</a></li>
          </ul>
      </li>

      <li>
          <input type="checkbox" id="Orange">
          <label for="Orange">Orange</lable>
          <ul class="sub-item">
              <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Photo Orange</a></li>
          </ul>
      </li>

      <li>
          <input type="checkbox" id="Qiwi">
          <label for="Qiwi">Qiwi</label>
          <ul class="sub-item">
              <li><a class="sub-item-link" href="https://www.google.com" target="_blank">Photo Qiwi</a></li>
          </ul>
      </li>
      
      </ul>
</body>

</html>

/* file: styles.css */
a{
  text-decoration: none;
  
}
a:hover{
  color: purple;
}
a:active{
  color:green;
}
a:focus{
  border: solid;  
}
a:visited{
  color: black;
}

Your browser information:

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

Challenge Information:

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

4

Welcome to the forum @Gleb17

You have a typo.

I noticed in all your other posts you ticked the issue as solved by yourself.
Instead of checking the code a million times, take a short break from codeing and approach the challenge with a fresh pair of eyes.

Please do not create duplicate topics for the same challenge/project question(s). If you need more help then respond back to the original topic you created with your follow up questions and/or your updated code and question.

Happy coding

2 Likes
5

Oh my god, I’ve been coding for so long that I’ve forgotten how to write elements correctly. Thank you so much

1 Like