Design comparison
Solution retrospective
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
Community feedback
- @dubervelezPosted almost 2 years ago
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 helpful0 - @Maacaa0Posted almost 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
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