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

HTML-CSS
1

Tell us what’s happening:

I fail always in step 9
9. After the label elements, there should be an unordered list with the class sub-item.
i did it literally but it doesn’t work with me
i saw someone on hit issue made it only 1 li with 1 input and 1 label then added ul with class subitem and he passed it although it require 4 lis with 4 labels i donno how ?!!

Your code so far

<!-- file: index.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 id='input1' type='checkbox' />
      <label for='input1'>label 1</label>
 
    </li>
    <li>
      <input id='input2' type='checkbox' />
      <label for='input2'>label 2</label>
    </li>
    <li>
      <input id='input3' type='checkbox' />
      <label for='input3'>label 3</label>
    </li>
    <li>
      <input id='input4' type='checkbox' />
      <label for='input4'>label 4</label>
      <ul class='sub-item'>
      </ul>
    </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/137.0.0.0 Safari/537.36

Challenge Information:

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

2

Welcome to the forum @SamehCode01

  1. After the label elements, there should be an unordered list with the class sub-item .

For this lab you need to place the unordered list after EACH label element.

Happy coding