Skip to content
Submitted almost 3 years ago

NFT Preview Card Component

Óscar Rabadán Martínez•150
@Oscarandio
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Can someone tell me how can I made that effect where the hover picture stills shows the preview one? Thanks

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Ahmed Abdelgawad•315
    @ahmedAgawad

    Hello 👋, Amazing work on completing this challange 👏👏.

    • to make the overlay transparent i suggest that you place the image-equilibrium.jpg as img inside the picture div then add the overlay color using ::before pesudo element on the picture div
    • to fix the accessibility issues you have in the report i suggest you use main tag as the card container
    • make sure you add alternative text to images in the page to improve accessibility

    Have a good day, Happy Coding 😊😊 .

    Marked as helpful

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