Assessment wanted for the tables skill test

MDN Learn
1

I can’t get the table to display borders where they should, on the body or the footer. You’re supposed to have a solid 1px #999 border on the top and bottom of the body and the top of the footer.

I’m also unsure if there was a better way to target the columns and headings with numbers in them to text-align them to the right. So I just gave them a class to target them but there has to be a better way

This is the link to the task:

This is my code:
th, td {
padding: 0.3em;
}

th:nth-child(2),
th:nth-child(3),
.right {
text-align: right;
}
tbody {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
tfoot {
border-top: 1px solid #999;
}
tbody tr:nth-child(odd) {
background-color: #eee;
}

2

Hi @MyntMushi and welcome to the community :wave:

To make the borders on <tbody> and <tfoot> work you also need

table {
  border-collapse: collapse;
}

Both version to target them (nth-child() and class-based) are fine. I don’t see a better method.

I hope that helps. :slightly_smiling_face:

Michael