Assessment wanted for HTML Structuring a page of content

MDN Learn
#1

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.

#2 
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