Minha resolução para o desafio

Primeiro contato com React, ainda com algumas duvidas e me acostumando sobre seu uso, mas consegui com certa facilidade criar a parte "visual" de um componente. Muito Feliz, agora é focar na parte de "reagir" como os próprios professores citam hehe, segue minha resolução:

1. Criei pasta "Footer" onde dentro coloquei um "index.js" e um "Footer.css"

2. index.js

   import './Footer.css'
   const Rodape = () => {
    return (
        <footer className='footer'>
            <section>
               <ul>
                <li>
                    <a href='facebook.com' target={'_blank'}>
                        <img src='./imagens/fb.png' alt='Facebook da organo'/>
                    </a>
                </li>
                <li>
                    <a href='twiter.com' target={'_blank'}>
                        <img src='./imagens/tw.png' alt='Twiter da organo'/>
                    </a>
                </li>
                <li>
                    <a href='instagram.com' target={'_blank'}>
                        <img src='./imagens/ig.png' alt='Instagram da organo'/>
                    </a>
                </li>
            </ul> 
            </section>
            <section>
               <img src='./imagens/logo.png' alt='logo da organo'/> 
            </section>
            <section>
              <p>Desenvolvido por Eduardo Santos Braz</p>  
            </section>
        </footer>
    )
   }
   export default Rodape

3. Footer.css

   .footer {
    background-color: #6278F7;
    background-image: url(../../../public/imagens/fundo.png);
    background-size: contain;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 213px;
   }
   .footer ul {
    display: flex;
    column-gap: 35px;
    list-style: none;
   }
   .footer ul li a img{
    max-width: 32px;
   }
   .footer p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
   }
   @media screen and (max-width: 1400px) {
    .footer {
        flex-direction: column;
    }
    .footer .redeSociais {
        margin-top: 20px;
    }
   }