.grid-container {
display: grid;
grid-template-areas:
"funk pop hiphop"
"rock rock hiphop"
"reggaeton reggaeton rap";
grid-template-columns: 1fr 1fr 1fr;
gap: 5px 15px;
}
.item1 {
grid-area: funk;
}
.item2 {
grid-area: pop;
}
.item3 {
grid-area: hiphop;
}
.item4 {
grid-area: rock;
}
.item5 {
grid-area: reggaeton;
}
.item6 {
grid-area: rap;
}
Olá Allan, tudo bem?
Muito obrigada por compartilhar com a gente a sua solução! Praticar é uma ótima forma de fixar bem o conteúdo. :D
Continue os bons estudos.
Um abraço.
Thank you!
Eu estava usando as propriedades Grid no body em vez do grid-container, não tinha entendido a lógica. Porém agora vendo seu codigo eu entendi.