@jguleserian
Posted
Melvin,
Thank you for the feedback. I tell you, doing these challenges and having feedback from people has been so helpful, especially in respect to accessibility. It also makes me think about things I never questioned or thought to ask about - like setting the <main> to a min-height of 100vh to allow for structures that may expand beyond a viewport - or also like setting and "invisible" <h1> so a screen reader can identify and properly announce the main topic of a page like this one.
Concerning the resetting of the font-size in the <html>, I am in a real quandary since I get conflicting justifications and differing perspectives. On the one hand, there are the reasons stated in the two links you gave. On the other hand, most of these are overcome by resetting the default font size back to 16px, i.e., 1.6rem, in the <body>. Then the browser still acts like it did before but the calculations for rem are easier since rem reflects what was set in the html tag. Then, too, there is no need for endless calculations and long decimals and the extra typing of coding that results from setting variables for every font-size. I found this article interesting just in case you want to see what he has to say:
For me, the eventual use, or non-use, will probably have to conform to whatever my team does if/when I work with one on a future employment. And this, for me, seems to be the biggest argument against the use of a particular "trick" or "hack." Anyway, it's an interesting discussion, and I appreciate you pointing it out because I had taken it for granted that it was an accepted practice, but now I realize that it is not.
Anyway, my Friend, thank you for the advice and comments - they are golden! I'm looking forward to incorporating them into my work on the next project.
Jeff
@MelvinAguilar
Posted
@jguleserian Sorry for not responding sooner, but you replied to your solution and not to my message, so I didn't receive a notification
It's a very valid opinion, adapted to the workplace