nyqnzgujuxx
New Member
So I've recently moved to sizing fonts in rems to avoid descendancy issues that you get from using ems, in things like nested li's.So I've sized my html font-size to 62.5% so I can just do p {font-size 2.5rem} /* 25px */The problem arises when I want to change the font-size of a certain element, normally I'd just give the parent of say a block of text the size 0.8em to make things a little smaller.But since rems are relative to the html element, I can't just write say .parent {font-size 0.8rem}, because it won't affect anything within it.I'm also confused as to how to resize with media-queries.Do I write out all my selectors again or do I just give my html a font-size of something smaller than 62.5% to make fonts smaller at smaller screen sizes?I've been reading about font-sizing for days now and I'd love to get a definitive answer on what's the best practice for this.