JSFiddle - React, Tailwind, and code Playground

by mahdiihd

HTML

<div class="container">
  <div class="parent">
  <div class="child"></div>
  </div>
</div>

CSS

.container {
  width: 100vw;
  height: 100vh;
}
.parent {
   width: 200px;
   height: 200px;
   background-color: gray;
   border-radius: 30px;
   margin: 0 auto;
   position: relative;
  
}
.child {
   width: 20px;
   height: 20px;
   background-color: lightblue;
   position: absolute;
   top: 50%;
   left: 50%;
}