Using REM unit to secure its same position on the screen when font-size changes?
I'm trying to understand the behavior of REM units when used for element positioning. While pixels (px) maintain a fixed position regardless of font size, using REM seems to always lock the element's screen position. I expected REM unit to cause some shifts in positioning based on the root font size. Can someone explain the relationship between using REM for positioning and how it affects an element's screen location?
As an example: I was doing this desktop only form for learning (Github repo: https://github.com/Suqbs/sign-up-form and Live: https://suqbs.github.io/sign-up-form/) and *Passwords do not match is what leads me to this question because even if the font size changes it is still there, not even shifting. So, this isn't a problem to solve but i want to understand how is it doing this and is this applicable for every scenario?
As an example: I was doing this desktop only form for learning (Github repo: https://github.com/Suqbs/sign-up-form and Live: https://suqbs.github.io/sign-up-form/) and *Passwords do not match is what leads me to this question because even if the font size changes it is still there, not even shifting. So, this isn't a problem to solve but i want to understand how is it doing this and is this applicable for every scenario?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
