<div className="navbar">
            <div className="navbar-elements nav-link">Menu</div>
            <div className="nav-dropdown">Dropdown</div>
            <div className="navbar-elements nav-link">Events</div>
            <div className="navbar-elements nav-link">Reserve</div>
            <div className="navbar-elements">THE MINIMALIST</div>
            <div className="navbar-elements nav-link">Delivery</div>
            <div className="navbar-elements nav-link">About us</div>
            <div className="navbar-elements nav-link">Contacts</div>
        </div>

.nav-link:hover{
  box-sizing: border-box;
  color: rgb(201, 49, 49);
  transition: 0.4s;
  border-bottom: 5px solid rgb(201, 49, 49);
  cursor: pointer;
}
.nav-dropdown{
  display: none;
    position: absolute;
    top: 75px;
}
.nav-link:active + .nav-dropdown{
  display: inherit;
  width: 12.5%;
  height: 200px;
  background-color: red;
}
.nav-dropdown:hover{
  display: block;
}