JSFiddle - React, Tailwind, and code Playground

by Michael Prosser

HTML

<div class="circle">

</div>

CSS

body{
  margin:0px;
  height:100%;
}
.circle{
  position:absolute;
  width:100px;
  height:100px;
  border-radius:50%;
  background-color:pink;
  left:calc(50% - 50px - 5px);
  top:calc(50% - 50px - 5px);
  border:5px blue solid;
}