Lev. 8 Font size problem

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>
Hi everyone, I am trying to get past this exercise about the font size, and apparently the problem is not the code but the browser zoom/minimum font size. I tried both on Chrome and firefox, and I can get the error past the first line by setting the browser font’s size on 10, but I still get the problem for the second paragraph, and if I change the browser’s font size again, the error comes back to line 7. I also tried zooming in-out. What am I doing wrong?

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>
The error is this one “Oops, try again. Did you set the second paragraph’s font-size to 20px? It looks like it’s 10px. (If you’re getting a weird decimal font size, check the Hint.)”

and this 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 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>



Maybe put a colon after “font-size” in all lines? like so:

<p style="font-size: 10px"> Some text for you to make tiny! </p>

I just tried, no change… :frowning: thank you anyway!

can you post an updated version of your code + error message?

Sure! so, this is the error I get with the change suggested by desiigner:
Oops, try again. Did you set the second paragraph’s font-size to 20px? It looks like it’s 10px. (If you’re getting a weird decimal font size, check the Hint.)
And this is the code I put with their correction:

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

This instead is my previous code, which gets the same exact error:

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

I told you to put colon’s after the “size” like so:

<p style="font-size: 10px"> Some text for you to make tiny! </p>

It worked!! I am an idiot, sorry :stuck_out_tongue:

1 Like