Responsive Product preview card

Community feedback

• 

  P

  Brandon Smith•80

  @brsmit1993Posted 12 months ago

  A quick note / something I noticed right away is for the 'best practice' font-size should be set using 'rem'. This is because rem is relative to the root-font-size which is defaulted at 16px and can also be controlled via a web browsers font-size settings. This matters because of accessibility reasons. For 8px this would be .5rem for 16px = 1rem. Generally, you can find online conversion tools by searching px to rem. I'll leave an excerpt from an article as well as the link for more information regarding rem and why it matters.

  article about rem

  'By default, most browsers use a font size value of 16px. So, if the root element is 16px, an element with the value 1rem will also equal 16px. Therefore, rem units are useful for scaling CSS elements in relation to the size of the root element — even if you don’t know what the default font size will be.'

  Marked as helpful

  1

  ---

  

  DeadvLoper•70

  @DeadvLoperPosted 12 months ago

  @brsmit1993 Thank you, for your wonderful feedback, will try my best to use best practices! Thanks again.

  1

  

  P

  Brandon Smith•80

  @brsmit1993Posted 12 months ago

  @DeadvLoper Always glad to help when I can. :)

  0