Заранее прошу прощения, спрашиваю первый раз на форуме
Надо сделать простую шапку с лого и другой картинкой.
это html
<header class="main-header grid" style="background-image: url(img/bg.png);">
<div class="hitems grid" style="background-image: url(img/logo.png);"></div>
<div class="hitems grid" style="background-image: url(img/a.png);"></div>
</header>
css :
.grid {
display: grid;
}
.main-header {
grid-template-columns: repeat(4, 1fr);
}
.main-header {
height: 60px;
background-size:
}
.hitems:nth-child(1){
grid-column: 1;
}
.hitems:nth-child(2){
grid-column: 4;
}
.hitems {
height: 60px;
background-size: cover;
background-position: center;
}
Проблема в картинках. Они не выполняются как cover, а размещаются будто слишком большие.
Мне надо их растянуть на всю fr по центру.
В чем проблема ?