@Kirillka22848

Почему не прописывается вниз?

Немогу понять почему меню по сайту не хочет опускаться вниз
Прописал маргин топ и ничего
Вот скрин макета: 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;
    
    
}
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
@Mars1k
Изучаю вёрстку
Напиши вместо
Header ul li {margin-top: px;}
Вот это Header ul {margin-top: px;}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы