Oops, try again. It looks like your second paragraph's font-size is 16px instead of 10px


#1

So how do I change the result and go on with my practice?


#2

Hi Warrey,

It looks like your browser's minimum font size is causing an issue. Try going into your browser settings and lowering or disabling your minimum font size :)


#3

Thanks. I have Firefox as browser and it is at no minimum font size.


#4

Hi again zystvan,
So what else might cause the problem?
Warrey


#5

are you sure that in your last paragraph, font-size is one word? I don't like images, can you please copy your code to the forum so i can run it?

if you edit/update your question, leave a reply so i get a notification.make sure to take the following steps to ensure your code visible:

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


#6

I hope this helps clarify the problem. Thanks

<!DOCTYPE html>
<html>
<head>
<title>Changing the colors!</title>
</head>
<body>

    ```<h1 style="color: green; font-size: 16px">Big Heading```
    ```</h1>```

           ``` <p style="color: violet">```
           ``` A  giant bear and a little duck were friends.```
       ``` </p>```
            ```<p style="color: red; font    -size: 10px">```
            ```But the bear got hungry and ate the duck.```
       ``` </p>```
```</body>```

</html>


#7

backticks should be at the beginning and end of the code, not at every line. there shouldn't be any spaces between font and -size in your second paragraph


#8

Hi Stetim94,

guess what? There turned out to be a tab before the hyphen in font-size.

Thanks for the heads up!

Warrey


#9

spaces, tab, almost the same thing. Good you resolved the issue


#10

Hi zystvan,

Guess what? There turned out to be a tab before the hyphen in font-size.
I sure need to get more experience with this.

Thanks for the help!
Warrey