Add Some Colours

Larry’s favourite color is, you guessed it, yellow. Let’s change the background-color of the <main> tag to his favourite shade of yellow. Open up styles.css and add a code block using main as a selector:

  main {
    background-color: #F6CE30;
  }

If you’re not a fan of yellow, feel free to pick your favourite colour.

Save styles.css and refresh the page. You should see something like this:

As a final touch to our <main> section, let’s change the section titles to blue.

  main h2 {
    color: #466C88;
  }

This will change only the <h2> tags inside of the <main> tag. As always, feel free to pick any colour you like.

Save styles.css and refresh the page. The <main> section of your webpage should look something like:

This looks great to me! Let’s move on to styling our footer.