JSFiddle - React, Tailwind, and code Playground

by Aakash Khapare M

HTML

<div class="outer-circle">
  <div class="inner-circle"></div>
</div>

SCSS

body {
  
  .outer-circle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  border: 2px solid grey;
  display: flex;
  justify-content: center;
  align-items: center;
  
  .inner-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: green;
    box-shadow:  0 0 5px 5px grey;
  }
}
}