So how do I change the result and go on with my practice?
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 :)
Thanks. I have Firefox as browser and it is at no minimum font size.
Hi again zystvan,
So what else might cause the problem?
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
I hope this helps clarify the problem. Thanks
<title>Changing the colors!</title>
```<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>```
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
guess what? There turned out to be a tab before the hyphen in font-size.
Thanks for the heads up!
spaces, tab, almost the same thing. Good you resolved the issue
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!