Assessment wanted for HTML Structuring a page of content

Assessment wanted for the following exercise:

I am also confused and would like clarification as to why two shades of green show up in in the header and main elements when the CSS only specifies one shade.

main, header, nav, article, aside, footer, section {
  background-color: rgba(0,255,0,0.5);
  padding: 1%;

here we can see that the fourth parameter in rgba function controls the opacity of the shade, its value range from 0 to 1. If you set this value to 0 it will make the color fully transparent, whereas 1 will make it fully opaque.
If we look in to header section , nav is a child element therefore its background color will appy over the header’s background color because of the semi-transparent background color of nav element , the background color of header element shines through background of nav.

1 Like