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>
		<title>Loving the font changes</title>
		<h1 style="font-family: Arial">Big title</h1>
		 	<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>

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!


You’re welcome :green_heart:

Happy Learning :slightly_smiling:
Happy coding !

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


:sunny: :sunflower: :relaxed: