Learn CSS Colors by Building a Set of Colored Markers - Step 65

HTML-CSS
1

Tell us what’s happening:
I promise I have looked at all relevant posts but still cannot get my code to pass. I understand that removing the gradientDirection means to remove the deg values, but when I do so I still don’t pass. I am unsure as to what I’m doing wrong. Any help is appreciated. Thank you.

  **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Colored Markers</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>CSS Color Markers</h1>
  <div class="container">
    <div class="marker red">
    </div>
    <div class="marker green">
    </div>
    <div class="marker blue">
    </div>
  </div>
</body>
</html>

/* file: styles.css */
h1 {
text-align: center;
}

.container {
background-color: rgb(255, 255, 255);
padding: 10px 0;
}

.marker {
width: 200px;
height: 25px;
margin: 10px auto;
}

.red {
background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27);
}

.green {
background: linear-gradient(#55680D, #71F53E, #116C31);
}

.blue {
background-color: hsl(240, 100%, 50%);
}


  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.5112.81 Safari/537.36

Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 65

Link to the challenge:

2

The number of right parens must be the same as the number of left parens. You accidentally deleted one at the end.

3

.red {
background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
}

If you mean adding the parens at the end of those linear gradient values, I added it, as shown above, and still doesn’t pass. Thanks for your response.

4

sometimes you have to restart the step to make it pass.
Try that and make sure you only delete the degree values on the 2nd try and hopefully it will go through.

5

I mean literally count the number of left parens and the number of right parens on that line. They should be equal, but they are not. You have deleted one of them at the end of the line.

Update: Ahh, I see that you did add the missing right parens at the end of the line. So it should pass now. It is passing for me. If it is not passing for you then you have probably done something else that is causing the error. It would help if you posted all of your CSS so we can see what you have done.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

6

Keep trying but it won’t pass. When I restart the step I am only deleting the direction values and nothing else.

7

okay there might be something else going on. Can you post your code here again? (in full please? )

8

This is what I am submitting:

.red {
background: linear-gradient(rgb(122, 74, 14), rgb(245, 62, 113), rgb(162, 27, 27));
}

.green {
background: linear-gradient(#55680D, #71F53E, #116C31);
}

Thank you for your reply.

9

Your solution works for me. Please try one of the following steps to move forward.

  • Click on the “Restart Step” button and force a refresh of your page with CTRL-F5 then try to paste the code in again.

  • or - Try the step in incognito or private mode

  • or - Try a different browser or disable browser extensions that may interfere with the test.

We hope one of these will work for you.

10

Thank you- I closed and re connected my browser and it worked.

11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.