Planet data task

[justsomeone]

Hello @QuebecNova

you doing great well done just a notice about the colgroup

check this one

Tables content

Hello @trueAliser you doing great well done just little notice about colgroup <colgroup> <col> <col> <col style="border: 3px solid black"> </colgroup> you can write it as <colgroup> <col span="2"> <col style="border: 3px solid black"> <col span="9"> </colgroup> it shorter why we used the col span="9" cause the validator would check if the number of col in the colgroup is the same as the number in your table or not and check this …

and here some notice about css code

1. only use table display with element of table nothing else
2. after will add the background as if the content is last child of the element which is body in this case
   check this to know hoe after work

::after - CSS: Cascading Style Sheets | MDN

you can give the background image directly to the body

by the way you can give background-color and background-image to same element and the color will be as background of that image if that what you want

background-image - CSS: Cascading Style Sheets | MDN

The borders of the element are then drawn on top of them, and the background-color is drawn beneath them. How the images are drawn relative to the box and its borders is defined by the background-clip and background-origin CSS properties.

so remove the ::after

then you can remove all that

top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;

i guess you would increase the opacity if you like after removing those

3. also you would need to add this to your head element

<meta name="viewport" content="width=device-width,initial-scale=1">

for better explanation of what this do you can check this

Responsive design - Learn web development | MDN

4. ops i forget to answer the most important question

@QuebecNova

(do you like that design? : D )

sold congratulations

hope that help and have a nice day