@kxnzx
Posted
Hi @TotallySly,
I would like to share what I have learned about Units of Measurements and how I use them + why:
- REM Units for defining width’s of elements, margins, padding, and font-sizes (using this relative unit is important for accessibility settings, they adapt to the user's browser > people with visual impairment can zoom in to make the font-size/components on the screen bigger/smaller)
- Pixels for shadows & borders (pixels are static > borders/shadows need to stay the same size always)
- EM Units for media queries & padding in buttons (this is also a relative unit > the padding will auto adjusts to the font-size of the button)
- % use this in combination with a max-width ( I personally mostly use this to define the width and min-height of the html element, you can also use vh or vw for this. However I have read somewhere that this is not the best practice to do yet)
- CH Unit for defining the of width paragraphs
There is a lot of info about this available, but this out of my head what I have learned for now. I hope you can get something out of this.
Greetings, Kxnzx
Marked as helpful
@TotallySly
Posted
@kxnzx
Thank you so much for your response, I will certainly be taking that on board for future projects!