Minha imagem fica cortada a parte de cima dos personagens. Já inverti o reset.css pra antes do normalize mas não adiantou.
.destaques {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
grid-template-rows: 33.3% 33.3% 33.3%;
height: calc(100vh - 50px);
}
.destaques__principal {
background-image: url(../img/fortnite.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;
/* Grid is up to but not including */
grid-row-end: 3;
}
