quiero su colaboración para la solución del siguiente inconveniente, requiero alinear el menú emergente, actualmente me sale con un desplazamiento y no se como hacerlo para que se despliegue debajo, muestro ejemplo
quiero que la parte despegable se alinee con la caja superior, además el ancho de la caja es muy grande y deseo que adapte el tamaño del menú principal
este es el html
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TCNhjkhR</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/fontello.css" />
<script
src="https://kit.fontawesome.com/7e5b2d153f.js"
crossorigin="anonymous"
></script>
<script defer src="javascript/index.js"></script>
</head>
<header class="header">
<nav class="nav">
<ul class="nav-menu">
<li class="nav-menu-item">
<a href="#" class="nav-menu-link nav-link">Inicio</a>
</li>
<li class="nav-menu-item">
<a href="#" class="nav-menu-link nav-link nav-menu-link_active">SERVICIOS <i class="fas fa-arrow-down"></i></a>
<ul class="submenu">
<li class="nav-menu">
<a href="#" class="nav-menu-link nav-link">Mecanica</a>
</li>
<li class="nav-menu">
<a href="#" class="nav-menu-link nav-link">Repuestos</a>
</li>
</ul>
</li>
<li class="nav-menu-item">
<a href="#" class="nav-menu-link nav-link ">Flota</a>
</li>
<li class="nav-menu-item">
<a href="#" class="nav-menu-link nav-link "
>Cotiza</a
>
</li>
</ul>
</nav>
</header>
</html>
y continuación el css de la caja
.container-submenu{
position: relative;
}
.submenu{
position: absolute;
top: 60px;
overflow: visible;
z-index: 400;
opacity: 1;
visibility: hidden;
}
.submenu .nav-menu-link{
background: #fff200;
padding-left: 10px;
width: 130px;
}
.nav-menu-item:hover .submenu{
opacity: 1;
visibility: visible;
}
.submenu .nav-menu-link nav-link{
background: #333;
padding-left:58px ;
}
gracias por su colaboración y espero una pronta respuesta