JSFiddle - React, Tailwind, and code Playground

by Jussia

HTML

<div class="cell" id="c1">
    <div class="absolute">TEST</div>
</div>
<div class="cell" id="c2">
    <div class="absolute">TEST2</div>
</div>

CSS

#c1 {
  background-color: red;
}

#c2 {
  background-color: green;
}

.cell {
  display: inline-block;
  width: 50px;
  height: 50px;
 /* transition: all .2s ease-in; */
  position: relative;
}

.cell:hover {
  transform: scale(2);
  z-index: 100;
}

.absolute {
  position: absolute;
  z-index: 0;
}