JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

CSS

body{
    background-color:#aea;
}
.item{
    display:inline-block;      
    width:40px;
    height:40px;
    background-color:#aaa;
    border:10px solid transparent;
}
.item:hover{
    border-color:black;
}