Problem with HTML Basics || exercise 8

The code i wrote is right,but the computer says i’m wrong.
here is the code:
‘’’

First font size change

Some text for you to make tiny!

Some text for you to make normal size!

Some text for you to make super big!

''' here are the instructions: On line 7, make the text size 10px. On line 8, make the text size 20px. On line 9, make the text size 40px. what's wrong?Thx

Please post your code and the instructions for the exercise you are stuck on.

<!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: 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>
</html>

To format your code to make it visible:
1. Paste your code.
2. Select all of your code.
3. Do Ctrl + Shift + C (Windows) or CMD + Shift + C (Mac OSX) to format your code.

OR

1. Paste your code in.
2. Insert 3 backticks (`) before and after your code:

```
Code goes here
```
2 Likes
<!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: 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>
</html>

That code is correct. It’s probably a problem with default font size. Do a google search:

How do I disable default font size [your browser]

And make sure your zoom is 100% always.

Thanks for helping me with my problem. You’re right. It was a problem with Chrome. I changed the minimum font size and everything is all right. Thanks again.

1 Like

i already change my chrome font set to minimum and zoom 100%.
it still bigger than what i set by code 2px.

so bad

sorry but in exercise 10 the computer says: Oops, try again. It looks like your second <li>'s font-size is 16px instead of 12px.
here is my code:
<!DOCTYPE html>
<html>
	<head>
		<title>Loving the font changes</title>
	</head>
	<body>
		<h1 style="font-family: Arial">Big title</h1>
		 <ol>
		 	<li "font-size: 16px; font-family: Arial">This item is big Arial.</li>
		 	<li "font-size: 12px; font-family: Verdana">This item is medium Verdana.</li>
		 	<li "font-size: 10px; font-family: Impact">This item is small Impact.</li>
		 </ol>
	</body>
</html>

I’m sure my chrome font is minimum,zoom is 100%
can anyone help me?

This topic is solved.