Ok, I worked it out… forgot the colon after Font-size…
for next time:
Your code is not visible, take the following steps to make your code visible:
select your code and press ctrl + k (or cmd + k 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
Still not working why?
My font size is 16 for my header, but no matter how many times I use the "Cmd - " trick, it still gives me the error message, saying I wrote 32. Any ideas?
@timothy87, can i see a updated version of your code?
@bradytut, 32px is the default font-size of the heading you are using, can i see your code?
I meet the same problem
=>Oops, try again. It looks like your second paragraph’s font-size is 12px instead of 10px.
here is my code which I can not find out why it is rejected…
i can find out, your browse has a minimum font-size setting, which is set to 12px. Do a google search:
disable minimum font-size chrome
<h style="color: green; font-size: 16px">
<h1>Big Heading</h1>
<h2 style="color: violet;">
<p>A giant bear and a little duck were friends.</p>
<h2 style="color: red; font-size:10px">
<p>But the bear got hungry and ate the duck.</p>
<p>That is evil.</p>
</body>
this is the code you start with:
<h1>Big Heading</h1>
<p>A giant bear and a little duck were friends.</p>
<p>But the bear got hungry and ate the duck.</p>
now, style is an attribute you can add to a opening tag (h1, h2, h3, p and many more) without creating additional opening tags. Now try to add the style attribute to the existing html tags in the exercise
Yes, it is evil
When I type heading1 the color turns black then i Just type heading and it sad Oops, try again. It looks like your header’s font-size is 32px instead of 16px.?
<head>
<title>Changing the colors!</title>
</head>
<body>
<h style="color:green; font-size:16px">
<h1>Big Heading</h1>
<h2 style="color:violet">
<p>A giant bear and a little duck were friends.</p>
<h3 style="color: red; font-size:10px">
<p>But the bear got hungry and ate the duck.</p>
</body>
no, i told you not to create more opening tags, (<h>
, <h2>
, <h3>
) are wrong. remove them, and add the style attribute to the existing (existing!!) <h1>
and <p>
tags
Like this
<head>
<title>Changing the colors!</title>
</head>
<body>
<h1><p style="color:green; font-size:16px"><p/>
<h1>Big Heading</h1>
<h2 style="color:violet">
<p>A giant bear and a little duck were friends.</p>
<h style="color: red; font-size:10px">
<p>But the bear got hungry and ate the duck.</p>
</body>
no, just no. You start with this code:
<h1>Big Heading</h1>
<p>A giant bear and a little duck were friends.</p>
<p>But the bear got hungry and ate the duck.</p>
then you add the style attribute to one of the existing html opening tags:
<h1 style="">Big Heading</h1>
<p>A giant bear and a little duck were friends.</p>
<p>But the bear got hungry and ate the duck.</p>
no need to create additional tags
OK got it thank you you are help full
This is my code, I’ve tried it on Safari and Chrome, am I missing anything? Thanks in advance!
<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=10px">But the bear got hungry and ate the duck.
</p>
</body>
</html>```
yea, after a style propety (font-size) there should be a colon, not a equal sign
I changed it and it still says my header font is set to 32, but it’s 16
16px is one unit, i can’t contain any spaces or enters. Can i see a updated version of your code?
It was exactly the same as before with the colon instead of ‘=’. I think it’s just the Chrome issue, it worked on Safari just now. Thanks!
Appreciate for your response
After I read all the comments , I find that it works better on Safari. haha