Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Projeto] Minha solução para o problema proposto

.grid-container{
  display: grid;
  grid-template-areas: 
    "funk pop hiphop"
    "rock rock hiphop"
    "reggaeton reggaeton rap";
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5rem;
}

.item1 {
  grid-area: funk;
}

.item2{
  grid-area: pop;
}

.item3 {
  grid-area: hiphop;
}

.item4 {
  grid-area: rock;
}

.item5 {
  grid-area: reggaeton;
}

.item6 {
  grid-area: rap;
}
1 resposta
solução!

Oi Ramires, tudo bem?

Parabéns por praticar e muito obrigada por compartilhar com a gente a solução encontrada.

Sinta-se livre para sempre compartilhar suas dicas e soluções aqui no fórum. Continue firme nos estudos.

Um abraço.