Please post your actual code instead of a picture. Also, please post a link to the Step. Thanks
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. This button only appears if you have tried to submit an answer at least three times.
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.
/\* file: styles.css \*/
:root {
–color0: #f8f9fa;
–color1: #d0e1f9;
–color2: #a6c8ff;
–color3: #7fb3ff;
–color4: #4d94ff;
–color5: #1a75ff;
–solid-border: 2px solid #333;
–dashed-border: 2px dashed #666;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 2rem;
}
th, td {
padding: 10px;
text-align: center;
}
th.time {
text-align: left;
}
.available-0 { background-color: var(–color0); }
.available-1 { background-color: var(–color1); }
.available-2 { background-color: var(–color2); }
.available-3 { background-color: var(–color3); }
.available-4 { background-color: var(–color4); }
.available-5 { background-color: var(–color5); }
.sharp td { border-bottom: var(–solid-border); }
.half td { border-bottom: var(–dashed-border); }
#legend {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
#legend span {
font-weight: bold;
}
#legend-gradient {
width: 75%;
height: 15px;
background-image: linear-gradient(
to right,
var(--color0) 0%, var(--color0) 16%,
var(--color1) 16%, var(--color1) 33%,
var(--color2) 33%, var(--color2) 49%,
var(--color3) 49%, var(--color3) 66%,
var(--color4) 66%, var(--color4) 83%,
var(--color5) 83%, var(--color5) 100%
);
}
look at this example: linear-gradient()
Welcome to the community, @naseemfatima772 !
An example of the correct syntax for the linear-gradient has been provided several times in past topics. But here it is again:
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 (').
Reply in this thread, please do not open a new topic.
/\* file: styles.css \*/
:root {
–color0: #f8f9fa;
–color1: #d0e1f9;
–color2: #a6c8ff;
–color3: #7fb3ff;
–color4: #4d94ff;
–color5: #1a75ff;
–solid-border: 2px solid #333;
–dashed-border: 2px dashed #666;
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 2rem;
}
th, td {
padding: 10px;
text-align: center;
}
th.time {
text-align: left;
}
.available-0 { background-color: var(–color0); }
.available-1 { background-color: var(–color1); }
.available-2 { background-color: var(–color2); }
.available-3 { background-color: var(–color3); }
.available-4 { background-color: var(–color4); }
.available-5 { background-color: var(–color5); }
.sharp td {
border-bottom: var(–solid-border);
}
.half td {
border-bottom: var(–dashed-border);
}
#legend {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
#legend span {
font-weight: bold;
}
#legend-gradient {
width: 75%;
height: 15px;
background-image: linear-gradient(
to right,
var(--color0) 0%, var(--color0) 16%,
var(--color1) 16%, var(--color1) 33%,
var(--color2) 33%, var(--color2) 49%,
var(--color3) 49%, var(--color3) 66%,
var(--color4) 66%, var(--color4) 83%,
var(--color5) 83%, var(--color5) 100%
);
}
Step 35 is giving error
are you looking at the linked example? the one at Gradient with multi-position color-stops?
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 (').