I think my code is right, but the system says it’s wrong.
Here is my code:
<!DOCTYPE html> <html> <head> <title>Loving the font changes</title> </head> <body> <h1 style="font-family: Arial">Big title</h1> <ol> <li "font-size: 16px; font-family: Arial">This item is big Arial.</li> <li "font-size: 12px; font-family: Verdana">This item is medium Verdana.</li> <li "font-size: 10px; font-family: Impact">This item is small Impact.</li> </ol> </body> </html>
Here is the error message:
It looks like your second <li>'s font-size is 16px instead of 12px.
I have changed the minimum font size to 8, the default size is 16, and zoom is 100%. Could anyone help me solve this problem? I have had the same problem in exercise 8. By changing the minimum font size, I was able to get it right, but the solution does not work here.