Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Card NFT , Con FlexBox

@santi19999

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


¿Que otra opción aparte de ::before hay? , para hacer el hover de la imagen..Saludos

Community feedback

@AGutierrezR

Posted

Excelente! Te ha quedado muy bien Sergio! he visto que la imagen que esta dentro de .card-header tiene un pequeño espacio abajo que ha hecho que apliques border-radius en la imagen y no en el padre.

Para evitar ese espacio puedes aplicar en display: block en la imagen .card-header img y así podrías aplicar border-radius en .card-header con overflow: hidden

Marked as helpful

0
P
Jorge Maza 1,690

@jormazlop

Posted

Hello! Otra opción que se me ocurre para lo de la imagen, es poner una imagen encima de otra, y jugar con la propiedad opacity al hacer hover sobre ellas.

Marked as helpful

0

@santi19999

Posted

También podría ser otra opción, tienes razón. Gracias por tu aporte, saludos!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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