"Sustentabilidade" não está alinhado

<h2 class="text-center">Conheça todas as nossas facilidades</h2> <div class="d-flex flex-column align-items-center gap-3"> <div class="divs-facilidades d-flex"> <div> <div><i class="bi bi-x-diamond fs-1"></i></div> <div>PAGUE PELO PIX</div> <div class="texto-menor ms-3">Ganhe 5% OFF em pagamento via PIX.</div> </div> </div> <div class="divs-facilidades d-flex"> <div><i class="bi bi-arrow-repeat fs-1"></i></div> <div> <div>TROCA GRÁTIS</div> <div class="texto-menor ms-3">Fique livre para trocar em até 30 dias.</div> </div> </div> <div class="divs-facilidades d-flex"> <div><i class="bi bi-flower1 fs-1"></i></div> <div> <div>SUSTENTABILIDADE</div> <div class="texto-menor ms-3">Moda responsável, que respeita o meio ambiente.</div> </div> </div> </div> </section>

Olá, Mateus! Espero que esteja tudo bem.

Fiz algumas alterações no código para alinhar "Sustentabilidade" com os outros tópicos se baseando no código da aula, além de ajustar o posicionamento do ícone do PIX. Confira o código atualizado:

<h2 class="text-center py-3">Conheça todas as nossas facilidades</h2>

<div class="d-flex flex-column flex-lg-row align-items-center justify-content-center gap-3 px-3">
    <div class="divs-facilidades d-flex align-items-center">
        <div><i class="bi bi-x-diamond fs-1"></i></div>
        <div>
            <div class="ms-3 mb-1">PAGUE PELO PIX</div>
            <div class="texto-menor ms-3">Ganhe 5% OFF em pagamentos via PIX</div>
        </div>
    </div>

    <div class="divs-facilidades d-flex">
        <div><i class="bi bi-arrow-repeat fs-1"></i></div>
        <div>
            <div class="ms-3 mb-1">TROCA GRÁTIS</div>
            <div class="texto-menor ms-3">Fique livre para trocar em até 30 dias.</div>
        </div>
    </div>

    <div class="divs-facilidades d-flex">
        <div><i class="bi bi-flower1 fs-1"></i></div>
        <div>
            <div class="ms-3 mb-1">SUSTENTABILIDADE</div>
            <div class="texto-menor ms-3">Moda responsável, que respeita o meio ambiente.</div>
        </div>
    </div>
</div>

Realizei algumas mudanças na organização dos elementos e adicionei classes específicas para garantir um alinhamento consistente assim como na aula. Teste este código no seu projeto e veja se atende às suas expectativas. Estou à disposição para qualquer outra dúvida!

Espero ter ajudado e Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!