Build an Availability Table - Build an Availability Table

HTML-CSS
1

Tell us what’s happening:

My CSS code isn’t passing from 28-35. I’ve tried .sharp td { border-bottom: 3px solid var(–solid-border); }
.half td { border-bottom: 3px dashed var(–dashed-border); } and #legend-gradient {
width: 8em;
height: 1em;
border: 1px solid #ccc;
background-image: linear-gradient(
to right,
var(–color0) 0%, var(–color0) 16.66%,
var(–color1) 16.66%,var(–color1) 33.33%,
var(–color2) 33.33%,var(–color2) 50%,
var(–color3) 50%,var(–color3) 66.66%,

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/136.0.0.0 Safari/537.36 Edg/136.0.0.0

Challenge Information:

Build an Availability Table - Build an Availability Table

2

Can you share all of your codes?

3

Here is an example from MDN of how to do the linear gradient:

https://developer.mozilla.org/en-US/docs/Web/CSS/gradient/linear-gradient#gradient_with_multi-position_color-stops

What values have you set for --solid-border and --dashed-border? A color? Does that make sense for those?