Не сдаётся задание.
<html lang="en">
<head>
<title>Mining Empire</title>
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./styles.css" type="text/css">
</head>
<body>
<header>
<div class="container">
</div>
<nav>
<div class="logo-container">
<a href="#"><img src="./images/logo.png" alt=""></a>
</div>
<div class="menu-block">
<ul class="main-menu">
<li class="nav-item"><a href="#about" class="nav-item-link">About app</a></li>
<li class="nav-item"><a href="#learn" class="nav-item-link">Learn with us</a></li>
</ul>
</nav>
</div>
</header>
</body>
</html>
css
@font-face {
font-family: 'Jost';
font-style: normal;
src: url("./fonts/Jost-Regular.ttf") format('truetype');
font-weight:400;
font-family: 'Jost-normal';
font-style: normal;
src: url("./fonts/Jost-SemiBold.ttf") format('truetype');
font-weight: 600;
}
* {
font-family: Jost, 'sans-serif';
box-sizing: border-box;
margin: 0;
}
.logo-container{
height:60px;
}
.logo-container img{
height:60px;
}
header {
background-color: #E4ECEE;
}
.container {
max-width: 1320px;
margin: 0 auto;
}
div.menu-block {
display: flex;
margin-left: auto;
}
