JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="page_nav">
				<div class="layout_center">
					<ul class="main_menu ul_menu" id="menu">
						<li class="main_menu_li">
							<a class="inverted" href="#">Видеорегистраторы</a>
							<ul class="submenu">
								<div class="layout_center group">
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_1.png" height="31" width="35" alt="">
											</div>
											<p>Штатные автомагнитолы</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_2.png" height="31" width="35" alt="">
											</div>
											<p>Бюджетные антирадары</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_3.png" height="31" width="35" alt="">
											</div>
											<p>Разнесенные (модульные)</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_4.png" height="31" width="35" alt="">
											</div>
											<p>С модулем GPS</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_5.png" height="31" width="35" alt="">
											</div>
											<p>Антистрелки</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_6.png" height="31" width="35" alt="">
											</div>
											<p>Антирадары со скидкой</p>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="icon img_center">
												<img class="item_img_src" src="img/menu/menu_pic_7.png" height="31"...

CSS

/*					Navigation Menus
==============================================================*/
.ul_menu {
  text-align: justify;
  margin: 0;
  padding: 0;
}
.ul_menu li {
  display: inline-block;
  list-style: none;
}
.ul_menu:after {
  content: '';
  display: inline-block;
  width: 100%;
}

/*					Left Catalog Styles
==============================================================*/
.page_nav {
  margin-top: 25px;
  width: 100%;
  height: 60px;
  background-color: #38659D;
  border-top: 1px solid #38659D;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.22), inset 0 -5px 0 #f7a31d;
}

.main_menu a {
  display: inline-block;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.main_menu a:hover {
  border-bottom-color: transparent;
}

/* Submenu Styles 
=========================================================================*/
.page_nav {
  position: relative;
}

.main_menu ul {
  display: none;
}

.main_menu_li > a {
  border-bottom: 1px solid transparent;
  position: relative;
}
.main_menu_li > a:after {
  bottom: 4%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 161, 0, 0);
  border-bottom-color: #ffa100;
  border-width: 6px;
  margin-left: -6px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
.main_menu_li > a:hover:after {
  opacity: 1;
}

.submenu {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  background-color: #ffa100;
  box-shadow: 0 1px 0 rgba(219, 138, 0, 0.85);
  top: 54px;
}
.submenu li {
  float: left;
}
.submenu li a {
  display: inline-block;
  width: 120px;
  height: 131px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom: 1px solid transparent;
  color: #000;
  font-size: 13px;
  text-align: center;
}
.submenu li:hover {
  background-color: #FFBD4D;
}
.submenu li .icon {
  width: 60px;
  height: 60px;
  text-align: center;
  margin: auto;
  margin-bottom: 10px;
}

JavaScript

$(document).ready(function() {
				$("#menu").superfish({delay:300});
			});