title: Setting the value of REM for all the properties in CSS
body: <p>I would like to use rem everywhere (read for all the possible properties) in my site. However, using the default rem - px conversion rate isn't quite intuitive :</p>
  
  <pre><code>10px = 0.625rem
  12px = 0.75rem
  14px = 0.875rem
  16px = 1rem (base)
  18px = 1.125rem
  20px = 1.25rem
  24px = 1.5rem
  30px = 1.875rem
  32px = 2rem
  </code></pre>
  
  <p>Thus I am using <code>html { font-size: 62.5%; }</code> which will set 1rem = 10px for the font size. 
  How does that work however if I want to set the margin/padding/border/... to that conversion rate as well ? </p>
  
  <p>Thanks !</p>