JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="sideArcComparison">
  <div class="sideA only">
     <div class="indicate">
       <span><em>84%</em></span>
     </div>
  </div>
  <div class="sideB notonly">
   <div class="indicate">
       <span><em>84%</em></span>
     </div>
  </div>
</div>

CSS

.sideArcComparison{
  width:120px;
  height:120px;
  position:relative;
  background-color:#ccc;
}
.sideArcComparison>.sideA{
  width:50px;
  height:100px;
  position:absolute;
  left:8px;
  top:10px;
 ...