[Projeto] Solução mais fácil

Crie a paste para o elemento rodapé.

Index.js:

import "./rodape.css"

const Rodape = () =>{
    return(
        <div className="rodape1">
            <section className="redes">
                <img src="/imagens/fb.png"/>
                <img src="/imagens/ig.png"/>
                <img src="/imagens/tw.png"/>
            </section>
            <img src="/imagens/logo.png"/>
            <h6>Desenvolvido por alura</h6>
        </div>
    );
}   
export default Rodape;

rodape.css:

.rodape1{
    background-image: url('../../../public/imagens/fundo.png');
    background-repeat: no-repeat;
    height: 200px;
    align-items: center;
    display: flex;
    justify-content: space-evenly;
    background-color: #6278F7;
}
.redes{
    display: flex;
    gap: 30%;
}
.redes img{
    width: 1.3rem;
}
.rodape1 h6{
    font-family: 'Montserrat';
    color: #fff;
    font-weight: 400;
    font-size: 1.1rem;
}

Adicione <Rodape/> no App.js