JSFiddle - React, Tailwind, and code Playground

by Tim Ko

HTML

<div class="circle big">5.64</div>
<div class="circle small">0.98</div>

CSS

.circle {
  font-size:20px;
  line-height: 50px;
  color:#fff;
  text-align:center;
  background:#000
}

.big {
  width:564px;
  height:564px;
  border-radius:282px;
}

.small {
  width:98px;
  height:98px;
  border-radius:49px;
}