Font size problem on HTML Basics II, 10 Font Family

Hi I got problem keeps saying:

 Oops, try again. It looks like your third <li>'s font-size is 12px instead of 10px.

My code is

<!DOCTYPE html>
<html>
	<head>
		<title>Loving the font changes</title>
	</head>
	<body>
		<h1 style="font-family: Arial">Big title</h1>
		 <ol>
		 	<li style="font-size: 16px; font-family: Arial">This item is big Arial.</li>
		 	<li style="font-size: 12px; font-family: Verdana">This item is medium Verdana.</li>
		 	<li style="font-size: 10px; font-family: Impact">This item is small Impact.</li>
		 </ol>
	</body>
</html>

Could someone help? Thanks!

Check your zoom and make sure it’s on 100%

Thank you for your reply!

I’m using Chrome and I press Ctrl+0 to reset the zoom. But it still doesn’t work…

This problem is in your browser, your browser has a minimum font-size setting. Which makes everything below 12px makes it 12px

Do a google search: disable minimum font-size chrome

Thank you zainabrawat!

I changed the mini size in Chrome setting from 12 to 10 and it solved the problem.

Thank you so much!

1 Like

You’re welcome :green_heart:

Happy Learning :slightly_smiling:
Happy coding !

What inspired you to learn programming/coding?
Join the discussion

:sunny: :sunflower: :relaxed:

1 Like