[Projeto] Desafio Agenda...

Quebrei a cabeça por alguns longos minutos mas cheguei a este resultado, cada vez evoluindo mais.. assim espero:

      /* agenda */

.agenda__lista {
   display: flex;
   justify-content: center;
   row-gap: 1rem;
   flex-wrap: wrap;
}

.agenda__item {
   display: flex;
   flex-wrap: wrap;
   flex-grow: 1;
}

.agenda__informacoes, .agenda__atracao{
   width: 50%;
}

@media (min-width: 720px) {

      /* cabeçalho */

   .menu {
      column-gap: 75px;
   }

      /* categorias */

   .categorias__lista {
      flex-wrap: wrap;
      row-gap: 1rem;
      column-gap: 1.5rem;
   }

         /* eventos*/

   .eventos__lista {
      justify-content: end;
   }

        /* agenda */
   
   .agenda__lista {
      column-gap: 1.5rem;
      justify-content: end;
   }
   
}

Peço desculpas por não poder compartilhar um print do resultado, estou com alguns problemas no notebook.