Font-size where is the fault?


#1



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


#2

I also see no issue. Please what's the error message?


#3

Oops, try again. Did you set the first paragraph's font-size to 10px? It looks like it's 12px. (If you're getting a weird decimal font size, check the Hint.)
I don‘t know why it always pop this


#4

Okay, the spaces in your inline styling probably. Please see below.

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

Hope this helps! :smile:


#5

it's very kind of you:smile:


#6

You're welcome.

Have fun coding!


#7

Did you resolve the issue? The error indicate your browser has a minimum font-size setting which you need to disable


#8

my friend told me that reason,but I dont know how to set,so I change a browser,Safari can get though


#9

you can always google: disable minimum font-size chrome

But switching browser will indeed also resolve the problem


#10

ok,I try to use"command + or command -",it works.