[Dúvida] Posições erradas...

Olá, Anny! Tudo bom com você?

Já tem um tempo que fiz esse curso, então não me lembro se era assim que foi feito, mas esse aqui foi o que fiz meu código, na parte de 'eventos':

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

.eventos__item img{
    grid-area: imagem;
}

.eventos__item h3{
    grid-area: nome;
    align-self: center;
}

.eventos__item h4{
    grid-area: data;
}

.eventos__item h5{
    grid-area: local;
    align-self: end;
}

.eventos__item button{
    grid-area: botao;
}

Aqui o grid-template-area foi usado pra definir o posicionamento de cada elemento no card num sistema de duas colunas e quatro linhas, depois cada elemento foi posicionado em sua respectiva área. Eu fiz essa imagem no paint pra exemplificar e tentar deixar um pouco mais claro. Espero ter ajudado kkkk.

Qualquer coisa, pode dar um retorno aqui se ainda está com algum problema, ou algo do tipo. Abraços e bons estudos!

Olá! muito obrigada por responder Iury ^^

Porém meu erro é mais na parte da ''Agenda'', o resto está tudo certinho kkkkkkk

desde já agradeço por me ajudar :)

Olá, Anny!

Ah sim, engano meu kkkk. Nesse caso, eu estou vendo aqui que você enviou o código do display flex, certo. Então, nesse caso, vou encaminhar aqui o do display grid, que eu imagino que deva ser o que está faltando.

.agenda__item{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.agenda__item img{
    grid-column: 1/3;
}

E segue também o código do HTML, por pode ser que o problema esteja na construção da estrutura dos elementos:

<section class="agenda">
            <h2 class="agenda__titulo">Coloque na sua agenda!</h2>
            <ul class="agenda__lista">
                <li class="agenda__item">
                    <img src="./assets/img/agenda-1.png" alt="Sala de cinema">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Quinta 3D</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__item">
                    <img src="./assets/img/agenda-2.png" alt="Sala de cinema">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Festival de Cinema</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__item">
                    <img src="./assets/img/agenda-3.png" alt="Festival de balões">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Dia de Balonismo</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__item">
                    <img src="./assets/img/agenda-4.png" alt="Cantor de rock">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Hard Rockers</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__item">
                    <img src="./assets/img/agenda-5.png" alt="Bailarinas no palco">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Balé Municipal</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__item">
                    <img src="./assets/img/agenda-6.png" alt="Show a céu aberto">
                    <div class="agenda__informacoes">
                        <h3>agosto</h3>
                        <h4>08 (sexta)</h4>
                        <h5>20:30</h5>
                    </div>
                    <div class="agenda__atracao">
                        <h6>Festival Multicores</h6>
                        <button>Avise-me</button>
                    </div>
                </li>
                <li class="agenda__botao"><button>Ver mais</button></li>
            </ul>
        </section>

Espero que agora tenha sido de mais ajuda kkkk, mas se precisar, pode chamar aqui novamente que tento ver melhor o que pode ser, tá bom.

Abraços!

Obrigadaaaaa! Consegui resolver ^^

Agradeço pelo seu tempo e pela ajuda <3

Imagina, não há de quê!