0
respostas

[Dúvida] Desafio: Grid da li da seção agenda

Boa tarde! Realizei o desafio proposto, porém utilizei outro código, gostaria de verificar se desta forma também estaria correto Segue:

.agenda__item{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "imagem imagem"
        "mes nome"
        "data botao"
        "hora botao"
    ;
}

.agenda__item img{
    grid-column: 1/3;
    grid-area: imagem;
}
    
.agenda__item h3{
    grid-area: mes;
}
.agenda__item h4{
    grid-area: data;
}
.agenda__item h5{
    grid-area: hora;
}
.agenda__item button{
    grid-area: botao;
}