Skip to content
Submitted over 2 years ago

Flexbox, Position, Hover and PureRef

Kirin•40
@jhsanchezm
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I found really difficult the Hover state in the main image, because I had to deal with two elements. I took me almost half day to complete the code. I would like to receive some recommendations on how to ease the hover state over the texts. And any feedback is welcome to learn some clean code. Thanks to the community ;)

Community feedback

  • Skyz Walker•1,045
    @Skyz03Posted over 2 years ago

    Hi Kirin, Great work on completing the challenge. I had a quick look at your code. Your solution works perfectly. In case you want to improve further I would recommend this W3schools possible way as well: here is the link for similar case: https://www.w3schools.com/howto/howto_css_image_overlay.asp

    Marked as helpful
    1
    Kirin•40
    @jhsanchezmPosted over 2 years ago

    @Skyz03 Thanks for your advice. I will do that W3school exercise. 👍🏿

    1

Please log in to post a comment

Log in with GitHub

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