Build an Availability Table #35

HTML-CSS
1

Tell us what’s happening:

I keep failing #35.
Failed:35. You should use two color-stops (expressed in percentage) to make the transition from one color to the following color a hard line for your #legend-gradient. Remember to use your --color# variables.
Here’s my code:
background-image: linear-gradient(90deg,var(–color0) 0%, var(–color0) 16%, var(–color1) 16%, var(–color1) 33%, var(–color2) 33%, var(–color2)49%, var(–color3) 49%, va

Your code so far

<!-- file: index.html -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/143.0.0.0 Safari/537.36

Challenge Information:

Build an Availability Table - Build an Availability Table

2

see this example for the correct syntax: Gradient with multi-position color-stops

3

I have already tried doing that. :frowning:

4

Hi! Thanks for sharing you code.

Remember to use double dash ( – ) before variable name.

use two color-stops

is like this:

var(--color0) 0% 16%,

I hope it helps. I’m still learning too. Happy coding!

5

I think your variables names are not correct :
use double double dach and not this character : ‘–’

6

can you post your coden with that? the code you posted does not use the multi-position color stop

7

It’s already double dash in my code (not sure why it’s showing only one dash here) :frowning:

8

It’s already double dash in my code (not sure why it’s showing only one dash here) :frowning:

9

because you have not used backticks to format your code

please post your updated 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 (').