Build an availability table

HTML-CSS
1

I’ve been working in a lab where four validators are giving me errors: 27. You must select td elements that are children of .sharp elements.

Failed: 28. You must use the --solid-border variable to set the bottom-border property of td elements that are children of .sharp.

Failed: 29. You must select td elements that are children of .half elements.

Failed: 30. You must use the --dashed-border variable to set the bottom-border property of td elements that are children of .half.

Okay, so I have it like this:

.sharp > td {
bottom-border: var(–solid-border);

}

.half > td {
bottom-border: var(–dashed-border);

}

Everything is correct except for that. I don’t know if it’s an FCC platform issue or a problem on my end, but I even tried asking the AI, considering that AI can make mistakes in minor details, but it didn’t work either. I need help.

2

The issue seems to be concerning the “children of …”, perhaps try not using the child combinator > and select the descendent directly:

.parent .child {}

Also provide a link to the problem, will be much easier to help.

3

you need to write the correct variable name

for more help please share a link to the challenge and all your code

4
5

i have th

.sharp .td {

  bottom-border: var(--solid-border);

}



.half .td {

  bottom-border: var(--dashed-border);

}
6

I tried but doesn´t work

7

Then like mentioned above its the variable name. Variables in CSS use double hyphons -- else the browser ignores it.

8

can you please post all your code (HTML included) and format it?

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.

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 (').

9

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.