JSFiddle - React, Tailwind, and code Playground

by johnsonjo4531

HTML

<div class="one"></div>
<div class="two"></div>

CSS

:root, html, body {
  --rem: 32;
  font-size: calc(var(--rem) * 1px);
}

.one {
  width: calc(100 * 1rem / var(--rem));
  height: 100px;
  background-color: slategray;
}

.two {
  width: 100px;
  height: 100px;
  background-color: steelblue;
}