Build A Stylized To Do List

My test is not passing I am failing the following below, but I do not know what else to do. I have reset the test and refreshed multiple times.

Failed:14. The links on the page should have no underline by default.
Failed:15. The links should change color when hovered over.
Failed:16. The links should change color when they are being clicked.
Failed:17. The links should have an outline when focused.
Failed:18. The links should change color once visited.

unless you share your code and this step url we can not offer any help where possible. always include code in context of your question/query and any links to see that question or site live for more info.

happy coding :slight_smile:

1 Like

Thank you for the feedback. I will pay attention to that detail.

Tell us what’s happening:

My test is not passing I am failing the following below, but I do not know what else to do. I have reset the test and refreshed multiple times. I`m stuck with # 10 of Build A Stylized To Do List on the CSS section. Please help. Thank you. Here is my HTML:

<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8"> 

    <link rel="stylesheet" href= "styles.css">

    <title>Styled To-Do List</title>

</head>



<body>

  

  <ul class="todo-list">

    <li> 

      <input type="checkbox" id="code"> 

        <label for="code">Practice Coding</label> 

<ul class="sub-item"></ul> 

<a href="www.google.com" class="sub-item-link" target="\_blank">Website Link</a> 

    </li> 

    <li>

      <input type="checkbox" id="app"> 

        <label for="app">Download App</label> 

<ul class="sub-item"></ul>         <a class="sub-item-link"

href="https://slack.com/get-started#/createnew"target="_blank">Website Link</a>

          

    </li> 

    <li> 

      <input type="checkbox" id="book"> 

        <label for="book">Book promos</label> 

          <ul class="sub-item"></ul> 

<a class="sub-item-link"

               href=" https://tcm.craftercms.org/accounts/login/?next=/cases/new/ " target="\_blank">

               View Deals</a>

    </li> 

    <li>

      <input type="checkbox" id="music"> 

        <label for="music">Listen to Music</label> 

          <ul class="sub-item"></ul> 

  <a class="sub-item-link"

href="https://www.atlassian.com/software/jira"target="_blank">

               Go To Website

            </a>

    </li>

  </ul>

</body>



</html>
  • can we find where that is from your shared information here?
  • is this exercise from frecodecamp curriculum?

happy coding :slight_smile:

1 Like

I’ve edited your post to improve the readability of the code. When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add the backticks.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

Hi, :grinning_face: yes its from the build a stylized to do list on the CSS section of freecodecamp. I`m stuck with step #10.

can you share the link to this challenge on freeCodeCamp?

1 Like

Thank you :grinning_face: . The examples were very helpful. I appreciate that. Most definitely will utilize that from now on :grinning_face: .


Hi, :grinning_face: yes its from the build a stylized to do list on the CSS section of freecodecamp. I`m stuck with step #10.

Please provide a link. Like this for example:

https://www.freecodecamp.org/learn/full-stack-developer/workshop-caesar-cipher/step-4

But linking to the lab that you’re working on.

1 Like

Thank you for the example. I got it now :grinning_face: