When you want to have element proportions stay the same size when the font-size on them is changed. So for example a pill-shaped tag. You wanna shrink it on mobile but keep it large on desktop.
If you use EMs on all paddings and border-radius, you can keep the proportions the same by changing just the font-size of that element.
When you want to have element proportions stay the same size when the font-size on them is changed. So for example a pill-shaped tag. You wanna shrink it on mobile but keep it large on desktop.
If you use EMs on all paddings and border-radius, you can keep the proportions the same by changing just the font-size of that element.
Check out this demo @harrydry: codepen.io/pugson/pen/zPWKeX