Company logo
html logo
Back
Next

Challenge 3

Instructions:

In this challenge, you will learn to style a simple webpage using CSS. We've added some HTML elements for you to style, h1, h2, h3, h4, h5 and h6.

Remember: In CSS you need the target something e.g h2, tell it what you want to change e.g color and tell it what you want to change it to e.g red. so as an example h2 {color: red} would change the color of all h2 elements to red.

Steps:

  1. Run the code to see what you are working with
  2. Set the background color of the webpage to pink.
    • We've added the first CSS rule for you to help get you started on line 6
    • change the gold to pink
    • Run code
  3. create a rule for the h2 element and change the color to red
    • Run code
  4. Create a rule for the h3 element and change the font-size to 15px (15 pixels)
    • Run code
  5. Create a rule for the h4 element and change the font-size to 30px (30 pixels)
    • Run code
  6. Create a rule for the h5 element and change the font-family to arial
    • Run code
  7. Create a rule for the h6 element and change the text-transform to uppercase
    • Run code
    • Check Code

Your result should look like this: