Topic 9: Font Color


#1

Here is my code. The Oops' Try again" message states "It looks like your header's font-size is 32px instead of 16px." I switched from Chrome to Safari for the capability of changing font size. Please help.

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

#2

Hey,

I can't see your code ..

How to insert code into a post


#3

16px and 10px are one unit, you can't have a space between 16 and px

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:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard


#4

Thank you so much @stetim94! It worked!