JSFiddle - React, Tailwind, and code Playground

by Arnold Daniels

HTML

<div class="canvas">
  <div class="circle" id="circle3">
    <div class="circle" id="circle2">
      <div class="circle" id="circle1">
        
      </div>
    </div>
  </div>
</div>

CSS

.circle {
  border: 1px solid blue;
  border-radius: 50%;
  padding: 50px;
}

#circle1 {
  height: 150px;
  width: 150px;
}
#circle2 {
  height: 250px;
  width: 250px;
}
#circle3 {
  height: 350px;
  width: 400px;
}