JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div class="nav" align="center">
<a class="nav_item" id="galleries">GALLERIES</a>

    <div id="lower">
<a class="nav_item" id="about">ABOUT</a>

<a class="nav_item" id="contact">CONTACT</a>

    </div>
</div>

CSS

a {
    position: relative;
    top: 0;
    -webkit-transition: all 0.4s linear;
    display: block;
}
#galleries:hover ~ #lower a {
    top: 40px;
    -webkit-transition: top 0.5s linear;
}