Olá pessoal!!
Como esse capítulo falava de utilizas duas formas diferentes de se resolver :
- a forma utilizada no banner (delimitando a área do grid)
- a forma utilizada nos eventos (utilizando o grid template)
Eu decidi utilizar nesse exercício o formato utilizado nos eventos pois eu acho que encaixou melhor no resultado apresentado no Figma
/* Agenda */
.agenda__item {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
grid-template-areas:
"item item"
"informacoes atracao";
}
.agenda__item img {
grid-area: item;
}
.agenda__item .agenda__informacoes {
grid-area: informacoes;
}
.agenda__item .agenda__atracao {
grid-area: atracao;
}Valeu pessoal!!!
