Hello everyone here!, I started learning semantic UI recently. All the font-size along with other spacing are defined in em and rem, to get the best scalability. Semantic UI leaves the font-size of the root element blank allowing the end developer to fill it in.
However I found that setting font-size on the body element doesn’t affect the page at all. After one or two hours of struggling, I found that setting it on html actually does the work. semantic-ui.com sets body and html both as the default font-size. Not sure if it is for better compatibility.
Though this pitfall is easy to avoid, can anyone explain this further? Any other things to pay attention to when setting default style? Is setting both html and body a best practice?
Thanks!
