How to make a menu so that when hovering over a menu item, a div with pictures opens at the bottom?

Question

css

You need to make a horizontal menu so that if you hover over an item with the mouse, then a div pops up below in which the submenu, but already in the form of pictures arranged in two rows of 4 in each row.
There are only 5 items on the menu.
Guys, please throw in the skeleton of CSS and HTML, without JS

Answer 1

https://codepen.io/anon/pen/zdLwKV?editors=1000 only one dropdown element

Answer 2

It remains only to throw styles

<ul class="menu">
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
  <li class="menu__item">
    <div class="menu__wrapper">
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
      <a href="" class="menu__link"><img src="" alt="" class="menu__image"></a>
    </div>
  </li>
</ul>