Build A Stylized To Do List

HTML-CSS
1

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.

2

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
3

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

4

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>
5
  • can we find where that is from your shared information here?
  • is this exercise from frecodecamp curriculum?

happy coding :slight_smile:

1 Like
6

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.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

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

1 Like
7

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.

8

can you share the link to this challenge on freeCodeCamp?

1 Like
9

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

10

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.

11

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
12

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