здравствуйте я столкнулся с проблемой в css с margin
не работает код контейнера вообще
вот код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<div class="container">
<div class="header_inner">
<a href="#" class="logo">
<img src="/images/logo.svg" alt="logo">
</a>
<nav class="menu">
<ul class="menu__list">
<li class="menu__item">
<a href="#" class="menu__link">dd</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">dff</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">ff</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">gg</a>
</li>
<li class="menu__item">
<a href="#" class="menu__link">gs</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
</body>
</html>
вот css style
*,
*::after,
*::before{
box-sizing: border-box;
}
.container{
width: 100%;
max-width: 1140px;
margin: 0 auto;
background-color: rgb(61, 224, 29);
}
так же присутсвует файл reset.css:
*{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{
height:100%;width:100%;
font-size:100%;line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}
a{color:inherit;}
