Класс header_wrapper не принимает свойства css

Prostalm · July 15, 2022

<!DOCTYPE html>
<html lang="en">
<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">
    <title>Discover Amazing places in Japan</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header class="header">
        <div class="wrapper">
           <div class="header_wrapper">
              <div class="header_logo">
                <a href="/" class="header_logo-link">
                    <img src="./img/svg/odigo-Logo.svg" alt="Discover Amazing places in Japan" class="header_logo-pic">
                </a>
              </div>
                            <nav class="header_nav">
                                <ul class="header_list">
                                    <li class="header_item">
                                        <a href="#!" class="header_list">Articles</a>
                                    </li>
                                    <li class="header_list">
                                        <a href="#!" class="header_list">Locations</a>
                                    </li>
                                    <li class="header_list">
                                        <a href="#!" class="header_list">Videos</a>
                                    </li>
                                    <li class="header_list">
                                        <a href="#!" class="header_list">Sign in</a>
                                    </li>
                                    
              </ul>
             </nav>
          </div>
        </div>
    </header>
</body>
</html>


  html{
    box-sizing: border-box;
  }
  *, *::before, *::after{
    box-sizing: inherit;
  }

  .wrapper{
    max-width: 1060px;
    margin: 0 auto;
  }

  body{
    font-family: 'Lato';
    font-style: normal;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    color: #102746;
  }
  .header{
    background-color: black;
  }
  .header_wrapper{
    display: block;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;

  }
  .header_list{
    display: block;
    flex-wrap: wrap;
  }
  .header_item{
    margin: 82px;
  }

Приветик всем, пожалуйста, помогите с кодом)

Edited July 15, 2022 by Prostalm

klierik · July 18, 2022

Ваш код работает как ожидается

Sign In

Класс header_wrapper не принимает свойства css

Question

Prostalm

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information