css rem test

rem test module

by Andrew Kwon

HTML

<body>
<div>
  A  <!-- 14 * 1.5 = 21px -->
	<div>
    B  <!-- 21 * 1.5 = 31.5px -->
    <div>
      C  <!-- 31.5 * 1.5 = 47.25px -->
    </div>
  </div>
</div>
</body>

CSS

body {
    font-size: 14px;
}
div {
    font-size: 1.5rem; // 14px * 1.5 = 21px
}