1

I am currently working on standardizing the styling in an application. As part of the process, I want to switch to using rems instead of pixels (px) where it makes sense. I am planning on changing the font size to use rems. I also know that borders are the go-to example of what NOT to use rems for.

I'm wondering which aspects of an input, especially the standard text fields, should use rems and grow with font size. Should the padding inside a text field change? Should the margin between elements change? Should the distance from the value to the icon change? Anything else? Thank you!

Anatomy of an input

(Image source: https://uxdesign.cc/text-fields-forms-design-ui-components-series-2b32b2beebd0)

Improve this question
New contributor
Squiggle is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
3
  • Can you rephrase the question so that it isn’t purely about implementation? Also have a look at this question: ux.stackexchange.com/questions/152118/…
    – jazZRo
    Commented 7 hours ago
  • I don't think my question is purely implementation? I'm talking about a best practice... Maybe I don't understand what you would like me to do
    – Squiggle
    Commented 5 hours ago
  • Choosing between px or rem is an implementation problem. How spacing impacts user experience is a different question and would fit this website. I suspected the question is about the latter so have a look at the link in my previous comment. If the answer isn’t there, please edit your question in a way that is specific enough to get a relevant answer.
    – jazZRo
    Commented 4 hours ago

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.