На psd (из интернета), header состоит из:
цвета фона и двух картинок лежащих друг на друге.
как сделал я:
HTML:
<body>
<header>
<div class="img"></div>
<div class="img-two"></div>
<div class="main">
</div>
</header>
</body>
CSS:
header{
display: flex;
background-color: #0e1a35;
height: 100vh;
border: 1px solid red;
}
.img {
margin-top: 200px;
position: absolute;
top: 0;left: 0;
width: 100%;
height: 50vh;
background: url(img/graph.png) no-repeat center;
background-size: cover;
}
.img-two {
margin-top: 83px;
position: relative;
width: 100%;
height: 70%;
background: url(img/grid.png) center;
background-size: cover;
}
У меня плохое понимание о позиционирование. Скажи пожалуйста, как лучше сделать и где я ошибся
