Exercise 9 problem


here is my code:

<!DOCTYPE html>
        <title>Changing the colors!</title>
        <h1>Big Heading</h1>**<h1 style="color:green; font-size:16px">**
        <h1 style="color:violet">
            <p>A giant bear and a little duck were friends.</p>
        <h1 style="color:red; font-size:10px">
            <p>But the bear got hungry and ate the duck.</p>

The sentence giant bear changed to violet
The sentence got hungry changed to red; 1-px font.
No matter where I put the green request, above, beside, or below, the h1 header never changes to green.
What do I need to do?

Trouble on Font Color Error says "Oops, try again. Did you remember to make the h1 header green?"

Reset the exercise, then when you have a heading (or paragraph, doesn't matter), try to add the style attribute to the opening tag. Lets take a heading as example:

<h1>Big Heading</h1>

now you can add the style attribute to to the h1 opening tag without creating additional tags:

<h1 style="">Big Heading</h1>

See? The same things goes for paragraphs, you can add the style attribute to the paragraph opening tag

for next time, use one of the two following options to make your code/indent is visible:

select your code and press ctrl + shift + c (or cmd + shift + c if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:


the backtick is located above the tab key on your keyboard


Got it! thank you!:slightly_smiling: