Font Size

Language Help Make & Deploy a Website
1

1286×480 91.9 KB

Hi all,
Can anyone help me figure out if there’s anything wrong with the attributes in my tags?

2

Please press Cmd+0/Ctrl+0 to zoom out and then re-run the exercise.

Thank you!

3

I’ve tried pressing Cmd+0/Ctrl+0 to zoom out and then rerunning the exercise but it still shows me the same error message.

4

The picture that you have attached does not seem to suggest that you 100% (default) zoom level. Anyway, could you please copy and paste your code here for me to check.

5

Hello, i’m also having the same issue. Here is my code

<!DOCTYPE html>
    <html>
    	<head>
    		<title>First font size change</title>
    	</head>
    	<body>
    		<p style="font size: 10px;"> Some text for you to make tiny!</p>
    		<p style="font-size: 20 px;"> Some text for you to make normal size!</p>
    		<p style="font-size: 40 px;"> Some text for you to make super big!</p>
    	</body>
    </html>
6

@cloudmaster03476, please check your minimum font-size setting. If you don’t know how, do a google search: disable minimun font-size chrome, also ensure your browser is correct. If you still have trouble, please post your code on the forum, so i can run it, thank you

@happytobehere, what error message do you receive? I see on problem, 20 and px is one unit, so it can’t have a space in it, same for third paragraph

1 Like
7

My code :slightly_smiling:

Some text for you to make tiny!

Some text for you to make normal size!

Some text for you to make super big!

error: ops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 16px . (If you're getting a weird decimal font size, check the Hint.)

How to fix it?

8

code as below:

<p style="font size: 10px;"> Some text for you to make tiny!</p>
    		<p style="font-size: 20px;"> Some text for you to make normal size!</p>
    		<p style="font-size: 40px;"> Some text for you to make super big!</p>
    	</body>

error:
ps, try again. Did you set the first paragraph’s font-size to 10px? It looks like it’s 16px
. (If you’re getting a weird decimal font size, check the Hint.)

How to fix it

9

your dash/hyphen is missing in font-size in your first paragraph

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

1 Like