@vladis005
Начинающий веб разработчик

Как сверстать такое меню?

Пыталась флексами но печально

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="static/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Soft Point</title>
</head>
<body>

    <header id="header">
      <div class="container">
       <div class="header-inner">
        <img id="header-img" src="static/img/Logo.png">
        <nav id="nav-bar">
            <a href="#">Feature</a>
            <a href="#">Download</a>
            <a href="#">Pricing</a>
        </nav>


      </div>
      </div>
      

    </header>
</body>
</html>


body{
    background-color: #fff;
    
}

.container{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    
  }

#header{
    
    max-width: 100%;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    
    
}

.header-inner{
    display: flex;
    justify-content: space-between;
    
}
  • Вопрос задан
  • 111 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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