I’ve completed most of the project requirements, but I’m having trouble passing the test related to the linear gradient in the legend section

HTML-CSS
1 
#legend-gradient {
  height: 20px;
  margin-top: 5px;
  background-image: linear-gradient(
    to right,
    var(--color0) 0%, var(--color0) 16%,
    var(--color1) 16%, var(--color1) 32%,
    var(--color2) 32%, var(--color2) 48%,
    var(--color3) 48%, var(--color3) 64%,
    var(--color4) 64%, var(--color4) 80%,
    var(--color5) 80%, var(--color5) 100%
  );
}
2

Hi.

Please can you post the url of the step you are on.

For future reference:

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.

image
image668×186 6.59 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

3

Please refer to this resource for the syntax to use here:

MDN: Linear Gradient with Multi-Position Color Stops