Немогу понять почему меню по сайту не хочет опускаться вниз
Прописал маргин топ и ничего
Вот скрин макета:
https://hkar.ru/ZAyb
Скрин в браузере:
https://hkar.ru/ZAyj
Код:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Dart Service Manager</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<section class="section_1">
<div class="container">
<header>
<img src="../img/icon_site.png" alt="">
<p class="headTEXT">DART <br> service manager</p>
<ul>
<li>Home</li>
<li>Service</li>
<li>Extension</li>
<li>Pricing</li>
<li>Help</li>
</ul>
<div class="button">
sign up
</div>
</header>
</div>
</section>
</body>
</html>
@font-face {
font-family:"Roboto-Regular";
src:url(../fonts/Roboto-Regular.ttf);
}
@font-face {
font-family:"Raleway-SemiBold";
src:url(../fonts/Raleway-SemiBold.ttf);
}
@font-face {
font-family:"Raleway-Regular";
src:url(../fonts/Raleway-Regular.ttf);
}
@font-face {
font-family:"Raleway-ExtraBold";
src:url(../fonts/Raleway-ExtraBold.ttf);
}
@font-face {
font-family:"Raleway-Bold";
src:url(../fonts/Raleway-Bold.ttf);
}
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
.container{
margin-left:80px;
margin-right: 80px;
}
header{
display: flex;
justify-content: space-between;
}
header ul li{
font-weight: 15px;
font-family: Raleway-Bold;
color: white;
list-style-type: none;
display: inline;
margin-right: 50px;
margin-top: 59px;
}
header ul li:nth-child(5){
margin-right: 0;
}
header ul li:hover{
color: black;
cursor: pointer;
}
.section_1{
height: 752px;
background-image: url("../img/Rectangle%201%20copy%202.png") ;
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
header img {
width: 30px;
height: 30px;
margin-top: 50px;
}
header p{
display: flex;
font-family: Raleway-Bold;
color: white;
margin-top: 69px;
text-transform: uppercase;
font-weight: 15px;
}
Простой
Простой