REM EM Hero Image

REM and EM explained!

  1. Both REM and EM are relative units.
  2. EM children inherit size by scaling in relation to the parent font size.
  3. REM is only relative to the html(root) font-size.
  4. REM is best used to define the padding and margins.
  5. REM stands for “root em”.
  6. REM units help for responsive design.
  7. REM units are great for rapid prototyping.
  8. All sizes should be in REM units.
  9. REM units do not work in IE8.