My code's not working!

×

  1. Double check all your files are saved.
  2. Check each quote has a pair.
  3. Do all of your HTML tags have a closing tag?
  4. Ask a mentor for help!

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:

main_step_7

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:

main_step_eight

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