imagen no sale

Que tal Etham? Te comparto el codigo de las 2 clases.

.destaques { display: grid; grid-gap: .2rem; grid-template-columns: 25% 25% 25% 25%; grid-template-rows: 33.33% 33.33% 33.33%; height: calc(100vh - 50px); }

.destaques__titulo { background: rgba(0, 0, 0, .5); color: #fdfdfd; padding: .6rem; text-align: center; width: 100%; }

y la imagen donde iría?

la de fortnite va en .destaques__principal ahí va la de fortnite

Las siguientes en:

.destaques__secundario:nth-child(2) ahí va la de pubg

.destaques__secundario:nth-child(3) ahí va la de slack

.destaques__secundario:nth-child(4) ahí va la de whatsapp

.destaques__secundario:nth-child(5) ahí va la de cs-go

Hola Etam, el problema es que estas aplicando el background y los grid a la clase .detaques__titulo pero debes aplicarlos a .destaques__principal