DESAFIO : minha solução

import "./Footer.css"

function Footer() {
    return(
        <footer className="rodape">
            <div className="icons">
                <img src="/images/fb.png"/>
                <img src="/images/tw.png"/>   
                <img src="/images/ig.png" />
            </div>
            <div className="logo">
                <img src="/images/logo.png"/>
            </div>
            <div>
                <span>DESENVOLVIDO POR ALURA</span>
            </div>
        </footer>
    )
}

export default Footer

.rodape {
    padding: 16px;
    display: flex;
    justify-content: space-around;
    background-color: #6278f7;
    color: #fff;
    align-items: center;
}

.icons {
    display: flex;
    gap: 46px;
    width: 18vw;
    height: 4vh;
}