1
respuesta

problemas con el header y el footer

en los videos del instructor todo le sale perfecto y como el dice, sin embargo lo hace uno y es totalmente diferente así se vería el header (https://cdn1.gnarususercontent.com.br/6/471433/2fff36b3-48c5-4900-a366-cf19ea955db0.png)así se vería el footer (https://cdn1.gnarususercontent.com.br/6/471433/2da24e37-e409-44d1-8c94-35484a2b27de.png)

este es mi código de style.css `.app{ background: #f1f1f1; font-family: Arial, Helvetica, sans-serif; display: grid; grid-template-areas: "header" "contenido" "footer"; grid-template-columns: auto; grid-template-rows: 50px auto 50px; }

.header{ align-items: center; display: flex; grid-area: header; padding: 0 2rem; }

.menu__link{ color: #333333; padding: .5rem 1rem; }

.menu__link:hover, .menu__link:active{ border-bottom: 2px solid #0073e6; }

.contenido{ grid-area: contenido; padding: 0 2rem; }

.footer{ background: #fdfdfd; color: #333333; grid-area: footer; padding: 1rem; text-align: center;}`

quiero pensar que estoy mal yo y no el instructor

1 respuesta

Hola Ethan!

La próxima vez que quieras compartir tu código, recuerda de clicar en este botón y colocar tu código entre los acentos:

https://cdn1.gnarususercontent.com.br/6/409216/a3962870-1dd0-4f80-a135-54b482f9094a.png

Para que podamos comprender tu problema porfavor comparte tu html y css por completo con notostros, de esta forma es posible visualizar la aplicacion por completo : )

Un saludo!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios