Boas práticas.
.grid-container {
display: grid;
grid-template-areas:
"funk pop hiphop"
"rock rock hiphop"
"reggae reggae rap"
;
grid-gap: 0.75rem;
}
.item1 {
grid-area: funk;
}
.item2 {
grid-area: pop;
}
.item3 {
grid-area: hiphop;
}
.item4 {
grid-area: rock;
}
.item5 {
grid-area: reggae;
}
.item6 {
grid-area: rap;
}
Oi, Caio, tudo bem?
Muito obrigado por compartilhar sua solução com a comunidade do fórum. Com certeza vai ajudar os demais estudantes que estão realizando esse desafio de grid.
Continue mergulhando em seus estudos e caso tenha dúvidas, não hesite em postar aqui no fórum!
Abraços e bons estudos!