JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="cs-client-list">
    <ul>
        <li><a href="#">A</a></li>
        <li><a href="#">B</a></li>
        <li><a href="#">C</a></li>
        <li><a href="#">D</a></li>
    </ul>
</nav><!--end cs-client-list-->

CSS

#cs-client-list { padding: 25px; }
#cs-client-list li {
    background: #f8f8f8;
    float:left;
    margin: 0 19px 0 0;}
#cs-client-list li a {
    text-indent: -99999px;
    width: 111px;
    height: 80px;
    border: 1px solid transparent; /* use page's background color (ie #fff) if you want the border to display outside the box */
    border-radius:5px;
    display: block; }
#cs-client-list li a:hover { border-color: #666; height:110px; box-shadow: 10px 10px 5px #ccc;}