1
resposta

[Dúvida] Solução diferente

CSS

 .agenda__item {
  display: grid;
  grid-template-areas: 
  "imagem imagem"
  "mes nome"
  "data botao";

}

.agenda__item img {
    grid-area: imagem;

}

.agenda__item h3 {
    grid-area: mes;

}

.agenda__item h4, h5 {
    grid-area: data;

}


.agenda__item h6 {
    grid-area: nome;

}

.agenda__item button {
    grid-area: botao;

}
1 resposta

Oi Bernardo, tudo bem?

Parabéns pelo empenho e dedicação, a solução da Alura é uma das possibilidades, mas não é única e não precisa se prender à ela.

Muito obrigada por compartilhar com a gente o seu código.

Abraços e bons estudos.