JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<div class="div"></div>
<div class="div"></div>
<div class="div"></div>
<br>
<div class="div d2"></div>
<div class="div d2"></div>
<div class="div d2"></div>

CSS

div {
    margin: 10px;
    display: inline-block;
    height: 300px;
    border: 1px dashed gray;
    width: 200px;
    transition: background-color .2s;
    background-color: transparent;
}
div:hover {
   background: #f7f9f9;
}
.d2 {
    background-color: white;
}