Build an Availability Table - Build an Availability Table

Curriculum Help
,
1

Tell us what’s happening:

apart from now questioning my own skills, I have no idea why my colors won’t show up meaning the table only has the days of the week and the times down, the rest is white.
Basically it’s allowing my background to be purple but not allow the :root with the selected colors showing in the table.

It’s also failing me for the or <th=“half”>, I then added these two combinations to the whole thing and it still refused to pass it on the question - 7. You should have at least two rows with the class of sharp.
8. You should have at least two rows with the class of half.
9. th elements in the first column

no matter what do for number 7 its wrong, each time I change it, wrong, im confused. it does have these rows!!!

Your code so far

body {

background-color: purple;

}

:root {

 --color0: #f0a5ac;

 --color1: #ff4659;

 --color2: #988e8f;

 --color3: #2d2326;

 --color4: #c12645;

 --color5: #aa3e3b;

 --solid-border: 2px solid black;

 --dashed-border: 2px dashed gray;

}

html {

font-size: 16px;

padding: 10px;

}

.container {

display: flex;

flex-direction: column;

justify-content: center;

}

table {

width: 100%;

}

Your browser information:

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

Challenge Information:

Build an Availability Table - Build an Availability Table

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lab-availability-table/66b36358ed4f261d64840c24.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

Please post all of your code, formatted as follows:

There are two ways you can format your code to make it easier to read and test:

  1. After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)

1356×380 401 KB

  1. Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.

To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:

image
image482×117 7.55 KB

Thank you.