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

HTML-CSS
1

Tell us what’s happening:

its harderb working alone sometimes. My support group pushed me out to be honest.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Styled To-Do List</title>
</head>
<h1>A To Do List!</h1>
<section>
<ul class="todo-list">
    <li>
        <input type="checkbox" id="css"><label for="css">Work on CSS</label>
        <ul class="sub-item">
            <li><a class="sub-item" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/" target="_blank">work on FCC</a></li>
          </ul>
        </li>
  </section>
  <section>
    <li>
        <input type="checkbox" id="learning"><label for="learning">Learn Python</label><ul class="sub-item">
            <li><a class="sub-item" href="https://www.learnpython.org/" target="_blank">Start coursework</a></li>
        </ul>
        </li>
   </section>
   <section>     
        <li>
         <input type="checkbox" id="revise"><label for="revise">Revise some lessons</label><ul class="sub-item">
            <li><a class="sub-item-link" href="https://www.freecodecamp.org/learn/responsive-web-design-v9/lecture-styling-lists-and-links/how-do-you-style-the-different-link-states" target="_blank">work on solutions and methods</a></li>
        </ul>
        </li>
    </section>
    <section>
        <li>
        <input type="checkbox" id="break"><label for="break">Have a break, trip away</label><ul class="sub-item-link">
            <li><a class="sub-item-link" href="https://www.tripadvisor.co.uk/?m=11005&supcm=229029446&supag=1372832388&supti=kwd-62043847787:loc-188&supai=79027603212344&supdv=c&supnt=o&supkw=tripadvisor&msclkid=dcdc673ecb27157072bf0d3a55e24c7f" target="_blank">Find a 4 day weekend</a></li>
        </ul>
        </li>
</ul>
</section>
<body>

</body>

</html>

/* file: styles.css */
body {

}
   .todo-list {
    list-style-type: none;
  }
  a {
    text-decoration: none;
  }
.sub-item-link:visted {
  color: blue;
}
.sub-item-link:hover{
  color: teal;
}
.sub-item-link:focus {
  colour: rgb(128, 9, 104);
}
.sub-item-link {
  color: orange; 
}

Your browser information:

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

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

maybe you can join the discord server? https://chat.freecodecamp.org/

but have you opened this topic because you need help with this lab?

3

I wanted figure out this lab, so far its styled in CSS just lost with the

    tags but I’ve been working on it slowly to push myself a bit with it too!!

4

here, can you tell me if the ul is inside the section or the section inside the ul?

you may benefit in using an HTML validator Ready to check - Nu Html Checker

5

looking at my errors. working on it!!!

wish me luck