Projeto-Pessoal

Oi, Luiz, tudo bem?

Para diminuir o espaçamento entre os itens, você pode criar uma classe conteudo-doacoes na tag <ul> e adicionar uma propriedade de gapcom valor de 10px.

Arquivo donations.html:

<ul class="apresentacao__conteudo conteudo-doacoes">

Arquivo styles.css:

.conteudo-doacoes{
    gap:10px;
}

Caso queira reduzir o espaço entre o título da página e os itens, você pode acrescentar a tag <h1> dentro da tag <section> e alterar as propriedades da classe apresentacao__conteudo__doacoes, como mostro no código abaixo:

Arquivo donations.html:

<section class="apresentacao__conteudo__doacoes"> 
    <h1 class="apresentacao__conteudo__titulo">O QUE DOAR:</h1>
//CÓDIGO OMITIDO

Arquivo styles.css:

.apresentacao__conteudo__doacoes {
    width: 615px;
    gap: 10px;
    display: flex;
    flex-direction: column;
}

Para alinhar o texto com os contatos e a imagem, você pode criar uma classe doacoes na tag <main>, inserir a tag <img> que contém a imagem dentro da tag <div> que possui o conteúdo de contato e fazer algumas alterações nas propriedades CSS das classes , e ``, como mostro abaixo:

Arquivo donations.html:

<main class="apresentacao doacoes">
    <section class="apresentacao__conteudo__doacoes"> 
        <h1 class="apresentacao__conteudo__titulo">O QUE DOAR: </h1>
        <ul class="apresentacao__conteudo conteudo-doacoes">
            //CÓDIGO OMITIDO
        </ul>
    </section>
    <div class="apresentacao__contato__doacoes">
        //CÓDIGO OMITIDO
        <img class="apresentacao__imagem__doacoes" src="./assets/imagem-da-comunidade.png" alt="Foto da Comunidade">
    </div>
</main>

Arquivo styles.css:

.doacoes{
    display:flex;
    justify-content: center;
    gap: 30px;
}

.apresentacao__contato__doacoes {
    width: 845px;
    gap: 10px;
    display:flex;
    flex-direction: column;
}

.apresentacao__imagem__doacoes {
    width: 100%;
}

O resultado será duas colunas, uma contendo as informações sobre o que doar e outra contendo o contato e a imagem.

Espero ter ajudado. Caso tenha dúvidas, conte com o fórum. Abraços!