Foreground& Background excercise 2


Next, set the background color of the heading to Aqua.

Notice that the background-color property did not change the background color of the entire page. Instead, only the background area behind heading changed. We'll learn why this occurs in more detail later in the course.

Note: The background color of the heading is blocking the image of the coffee, so let's remove it. Remove the background color of the main heading.

what have i done wrong?

.header {
  color:MidnightBlue ;
  background-image: url("");
  height: 400px;
  background-position: center center;
background-color: aqua;


en el h1 va el color y el background-color, no en el .header

h1 {
color: MidnightBlue;
background-color :Aqua;



The "main heading" is the <h1> tags. So, reset your work and put your code in the

h1 {


Hope this helps!


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.