Order summary card solution

Community feedback

• 

  P

  subu•390

  @subu-vPosted over 2 years ago

  It is a good idea to use rem unit for margins as well as for so many things.

  rem units is based on root element which is html. By default 1rem = 16px.

  To make calculation easy when using rem, make the font-size in html element to 10px which should be done in percentages so that it scales up and down according to the user browser font-size.

  10px/16px = 0.625 * 100 = 62.5%.

  html{
  font-size : 62.5%; 
  }
  

  Why you should do it this way?

  1. Let's if the user want's to increase the font-size in his/her browser, by default it is 16px, now if the user set to 20px, now the font-size in the html element will scale up accordingly, now the font-size will be 62.5% / 100 * 20px = 12.5px

  **Now for all things you set using rem unit in your project(eg margins,paddings etc) will change from 10px to 12.5px. **

  2. Another reason to do this, calculating rem units based on 16px is difficult compared to 10px which can be done easily.

  I hope you understand.

  Marked as helpful

  1

  ---

  

  Carlos H.•90

  @KrossBRPosted over 2 years ago

  @subu-v what a great answer, super complete and clear!

  You are right, doing this conversion is much easier. I'll put it into practice in the next challenge.

  Thank you for your help! I'm grateful. ✌😊

  1

  

  P

  subu•390

  @subu-vPosted over 2 years ago

  @KrossBR great!

  1