1
resposta

Minha solução ficou diferente

Essa foi minha solução para o desafio, ficou um pouco longa, mas foi legal para praticar e fixar o grid-template-areas:

.agenda__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas: 
        "imagem imagem"
        "data nomeEbotao";
}

.agenda__item img {
    grid-area: imagem;
}

.agenda__informacoes {
    grid-area: data;
}

.agenda__atracao {
    grid-area: nomeEbotao;
}
1 resposta

Olá, Leandro.

Tudo bem?

Muito obrigado por compartilhar o seu código com a sua solução aqui com a gente. Ficou muito bom! Nós da Alura ficamos muito felizes em saber que está de fato praticando e principalmente evoluindo. Parabéns.

Valeu Leandro.