JSFiddle - React, Tailwind, and code Playground

by FarrisFahad

HTML

<div id="a">
  <div id="b"></div>
</div>

CSS

#a{
  position: relative;
  top: 50px;
  left: 50px;
  display: block;
  width: 200px;
  height: 200px;
  background-color: #eee;
  border: 1px solid #ddd;
  touch-action: none;
}

#b{
  position: relative;
  top: 25px;
  left: 25px;
  display: block;
  width: 30px;
  height: 30px;
  background-color: red;
  border: 1px solid black;
  touch-action: none;
}

JavaScript

const a = document.querySelector('#a');
const b = document.querySelector('#b');