JSFiddle - React, Tailwind, and code Playground

by Costa

HTML

<div id="workspace">
   <div class="square">vvvv</div>
   <div class="square"></div>
   <div class="square"></div>
   <div class="square"></div>
   <div class="square"></div>
</div>

CSS

.square {
  width: 100px; height: 100px;
  float:left;
  background-color: red;
 z-index:-1;
}
.square:hover {
    box-shadow: 0px 0px 20px #F0FFF0 inset;
}
workspace {
  width: 800px; height: 1200px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}