2
respostas

Minha tentativa.

import styles from './Rodape.module.css';

function Rodape(props) {


    return (
        <footer className={styles.rodape}>
            <p>&copy; 2024 Cine Tag. Todos os direitos reservados.</p>
            <p>Contato: <a href="mailto: cinetag@contato.com">nossoContato@cinetag.com | (11) 9999-9999</a></p>
        </footer>
    )


}

export default Rodape;
.rodape {
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 20px;
    background-color: var(--cinza);
}
2 respostas

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá, Alan! Como vai?

Obrigado por compartilhar seu código! Ele está muito bem organizado e funcional. A estrutura e o uso do CSS Module ficaram ótimos. Continue compartilhando suas soluções e descobertas com a gente — isso ajuda muito a enriquecer o aprendizado de todos!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)