Problems with font-size? Check your zoom
This exercise is particularly sensitive to browser zoom settings. If you’re having trouble with your font sizes, reset your browser’s zoom by pressing Cmd-0 or Ctrl-0.
If any of you are using a Mac, in Safari’s preferences there is an option under “Advanced” that says “Never use font sizes smaller than” with a drop-down box. You must disable this so the font is able to be smaller that 9 (which is the smallest allowable setting). I struggled with this lesson for half an hour before I somehow remembered this setting.
I encountered this issue and I I have a question about this. Is this a “bug” in the HTML interface? Is i a browser issue? or is it something odd about the HTML interface used on this site? It seems logical that the HTML font size attribute shouldn’t be at all affected by what my zoom level is at in my browser. Does anyone know WHY this issue comes up?
I had the same problem, but then again I checked all the solutions (in my browser both Firefox and Chrome, under settings I checked my minimal font size, I zoomed and re-zoomed and still nothing. Then I saw the post Linda gave actually the right answer for exercise 2.3 for the colour (I compared the whole code with mine and, at first didn’t saw any difference but when I checked line by line and sign by sign I saw the difference and this actual difference in the code helped me pass all other exercise. So once more, check your code line by line and sign by sign. For now I will not tell you were was my mistake - of course I am not guarantee that this was the solution why I passed but it might be. But for me read the post and check with my codes gave me the answer - and this time the correct one.
I ended up just skipping this section, the font size worked the first time ..I had a colon(:)instead of (-), then the next section, which had no errors would not let me pass. I have tried all the suggestions and even noticed, when using chrome, if you zoom in or out, and submit, it tells you the size of the font. If you zoom smaller (the size gets bigger) and vice versa but never hits on the mark. To save my sanity, I moved to the next section after 20 minutes.
(the browser for me : chrome)
first go to your browser’s advanced settings and then choose the smallest size of fonts then, use a space between your (:) and your number (16px) and then try some other sizes around 16px! it’ll work. like this : (font-size: 17px) I did it , and it worked. I hope it’ll be helpful to you too bro.
I tried everything. 3 different browsers: chrome (my standard), safari, and firefox and I played games with all of the settings including the cmd zoom options and editing the advanced text settings in each browser and nothing helped. So one please message me when they have found a complete solution.
I tried all of these things and none of them worked. No matter what I tried, zoom, browser settings, different sizes close to the size called for in the exercise, etc. I kept getting the error “It looks like you used size 32 instead of 16”.
Finally, I realized I used color= instead of color:
Whoops! Hopefully my mistake will help someone else!
This is what worked for me with NO browser changes. (Running Firefox) Hope it helps…
<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>
Popular free courses
Learn SQLLearn to communicate with databases using SQL, the standard data management language.Beginner friendly,4 LessonsLanguage Fluency
Learn HTMLStart at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner friendly,6 LessonsLanguage Fluency