Responsive QR Code Component

Community feedback

• 

  kxnzx•870

  @kxnzxPosted over 2 years ago

  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

  1

  ---

  

  Dizzy_Sloth•50

  @TotallySlyPosted over 2 years ago

  @kxnzx

  Thank you so much for your response, I will certainly be taking that on board for future projects!

  0