Font size problem on HTML Basics II, 10 Font Family


#1

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!


#4

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


#5

Thank you for your reply!

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


#6

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


#7

Thank you zainabrawat!

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

Thank you so much!


#8

You're welcome :green_heart:

Happy Learning :slightly_smiling:
Happy coding !

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


#9

:sunny: :sunflower: :relaxed: