Горизонтальное, адаптивное, раскрывающее меню с блоками в подменю, почему внутри блоков не центрует название и иконку?
Меню на css, (js присутствует частично).

Вроде как div, можно использовать внутри ul, использовал div, для выведения блока подменю.



При наведении на раздел где есть подменю, я реализовал всплывающее подменю в div блоке, раньше было ul.

Див сделал для того, чтобы удобнее внутри было поделить левую часть
колонки и правую, в левой в видео блоков идут разделы li, где иконка и
название, в правом блоке идет картинка.



Все удалось сделать, все работает, может где-то топорно и можно лучше сделать, накидывайте идеи.



Что нужно сделать:

1) При наведении на раздел, вылезает подменю, я хотел добавить
стрелку, чтобы подменю было со стрелкой, указывало на раздел на который
навели и всплыло подменю.

2) Во всплывающем окне, блоками идут разделы li, почему не
центрует по горизонтру и вертикали все содержимое, применил class,
дисплей флекс и т.д, ниже привел пример.

3) Как сделать плавное появление подменю, можно и в js добавить,
если не использовать в css opacity, не всегда хорошо, зачастую прячет
контент, но то место которое занимал контент, оно занимает, просто не
видно контента.

Более подробная информация с картинками тут: https://qna.habr.com/q/1334384
Рабочий пример меню тут: https://codepen.io/AXOT/pen/xxBabKo