Build an Availability Table - Build an Availability Table2

HTML-CSS
1

Tell us what’s happening:

for :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.

That last step of setting the percentage of the gradient color can only be an integer, which makes very little sense ！！！！ It took me a million tries to get it to work.

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>Availability Table</title>
</head>

<body>

</body>

</html>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Build an Availability Table - Build an Availability Table

2

Mozilla/5.zwr[quote=“alfielin0709, post:1, topic:741210, full:true”]

Tell us what’s happening:

for :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.

That last step of setting the percentage of the gradient color can only be an integer, which makes very little sense ！！！！ It took me a million tries to get it to work.

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>Availability Table</title>
</head>

<body>

</body>

</html>

/* file:
3

if you think it should allow also non-integer percentages you can open an issue