JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="items">
  <div class="item">
      <a href="/">Фильмы</a>
      <div class="child">
<ul>
  <li><a href="/">Пункт 1</a></li>
  <li><a href="/">Пункт 2</a></li>
  <li><a href="/">Пункт 3</a></li>
</ul>
<ul>
  <li><a href="/">Пункт 1</a></li>
  <li><a href="/">Пункт 2</a></li>
  <li><a href="/">Пункт 3</a></li>
  <li><a href="/">Пункт 4</a></li>
  <li><a href="/">Пункт 4</a></li>
</ul>
      </div>
  </div>
</nav>

CSS

html,body{
  margin: 0;
  padding:0;
}
nav.items{
  background:white;
}
nav.items .item a{
  display:inline-block;
  position:relative;
  height:40px;
  line-height:40px;
  
}
nav.items .item:hover .child{
  display:table;
}
nav.items .item .child{
  display:none;
  position:absolute;
  left:0
  
}
nav.items .item .child ul{
  display:table-cell;
  list-style:none;
  padding:0 10px 0 0;
  
}
nav.items .item .child ul li a{
  
}