Problem with HTML Basics || exercise 8


#1

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






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

#2

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


#3
<!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>

#4

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
```

#5
<!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>

#6

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.


#7

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.


#8

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

so bad


#9
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?


#15

This topic is solved.