En el servidor local se muestra el ojo al hacer hover sobre la imagen, no sé porque al desplegarlo en github no aparece el ojo.. no sé cómo solucionarlo
On the local server the eye is shown when hovering over the image, I don't know why when deploying it on github the eye doesn't appear. I don't know how to fix it
@dubervelez
Posted
Saludos!
Para solucionar lo de la imagen del ojo, puedes modificar la ruta que tienes en el archivo .css, escribe la ruta de la imagen entre comillas y utiliza la notación de punto para escribir la ruta, así: url("./images/icon-view.svg"). te recomiendo para los próximos proyectos utilizar esta notación ya que en ocasiones al desplegar en github puede presentar ese tipo de problemas.
Buen trabajo!
Marked as helpful
@Maacaa0
Posted
Hey Henni,
.capa {
width: 100%;
height: 100%;
background: url(/images/icon-view.svg),var(--CyanT);
background-repeat: no-repeat;
background-position: center center;
visibility: hidden;
}
I believe there is an extra slash “/” at the start in path to the eye icon.
It might help you solve the issue.
Also you might add this to your body element to center your card vertically and horizontally.
display:flex;
justify-content:center;
align-items:center;
min-height: 100vh;
Good job though. Keep it up.
Marked as helpful
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
