JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<div class="box">
  <div class="circle"></div>
</div>

CSS

* {margin:0;padding:0;box-sizing:border-box}
html, body {width:100%}

.box {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.box > .circle {
  height: 180px;
  width: 180px;
  position: absolute;
  bottom: -90px;
  right: -90px;
  border-radius: 50%;
  background: hotpink;
}