Html question Add a thead row group element containing two rows. In the first row, insert five th elements containing the text shown in the preview. The first heading cell should span two rows. In the...

Html question

Add a thead row group element containing two rows. In the first row, insert five th elements containing the text shown in the preview. The first heading cell should span two rows. In the second row, add four headings cells containing the prices of the plans shown in the preview. Use a br element to display the price information on two separate lines.

My code is here but didn't work out:

select a plan
Starter
Prime
Prime Plus
Ultra




$19.95

per month
$29.95

per month
$49.95

per month
$69.95

per month

CSS

1. For the first th element in the first row of the table header row group, create a style rule that sets its font size to 2em. (Hint: Use the first-of-type pseudo-class to select the first table row and first heading cell.)


2. For th elements in the first row of the table header row group that are not the first heading cell, create a style rule that sets the background color to transparent and the font color to black. (Hint: use the not selector with the first-of-type pseudo-class to select headings that are not first in the table row as follows: table thead tr:first-of-type th:not(:first-of-type).)

table thead tr {
height:60px;
}

table thead th:first-of-type {
font-size: 2em;
}

table thead th:not(:first-of-type) {
background: transparent;
color: black;
}