Entrar ¿Aún no tienes acceso?
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
4
respuestas

Este es el jsx y css del proyecto

Referente al curso React: como los componentes funcionan, en el capítulo Version Uno Proyecto y actividad Footer

por Oscar Fernando Cardona Marin
| 128.9k xp | 5 posts
import "./Footer.css";
const Footer = ()=>{
    return <footer className="footer" style={{backgroundImage:"url(/img/Footer.png)"}}>
        <div className="redes">
        <a href='https://www.aluracursos.com/'> 
            <img src="/img/facebook.png" alt="Facebook"/>
        </a>
        <a href='https://www.aluracursos.com/'> 
            <img src="/img/twitter.png" alt="twitter" />
        </a>
        <a href='https://www.aluracursos.com/'> 
            <img src="/img/instagram.png" alt="instagram" />
        </a>
        </div>
        <img src='/img/Logo.png' alt='org' /> 
        <strong>Desarrollado por Alura</strong>
    </footer>
}
export default Footer;
4 respuestas
por Oscar Fernando Cardona Marin
| 128.9k xp | 5 posts

css

.footer {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 5%; 
    box-sizing: border-box; 
    background-size: cover; 
    background-position: center; 
    justify-content: space-between; 
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    }
.redes img{ 
    padding: 0px 15px;
}
por Rafaela Rocha
| 2876.2k xp | 8758 posts
Alura Scuba Team Scuba Team

¡Hola Oscar!

Por lo que veo, estás mostrando el código de un componente de pie de página en React. Este componente utiliza JSX y CSS para definir la estructura y estilo del pie de página.

En el JSX, se define una etiqueta de pie de página con una clase "footer" y un estilo que incluye una imagen de fondo. Dentro de la etiqueta de pie de página, se encuentran tres enlaces con imágenes que representan las redes sociales de la organización, una imagen de logo y un texto que indica que el pie de página fue desarrollado por Alura.

En el archivo "Footer.css", se define la apariencia visual de la clase "footer" y se establece la imagen de fondo.

Espero que esta información te haya sido útil. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Espero haber ayudado y buenos estudios!

por Jefferson David Cano Hernández
| 90.7k xp | 30 posts
Carpintero

gracias, estaba por dejar también el código ya que para sacarlo hay que ir al otro bloque, buscarlo de github y hay personas que se les complica un poco.

por Ezequiel Arturo Gavazza
| 122.6k xp | 12 posts

Gracias @Oscar por dejar el JSX y el CSS del

! Gracias @Jefferson por tu comentario! Ahí me di cuenta que ya lo había descargado al comenzar esta Unidad como parte del contenido del proyecto del aula anterior.