Skip to content
Submitted almost 2 years ago

NFT Card Preview Component

Ruben•550
@RubenSmn
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 had some difficulties when trying to add the hover effect for the image. I managed to get it right by using position: absolute. I am wondering is this a valid solution or should this be avoided?

Community feedback

  • Michael Waaler•230
    @10highPosted almost 2 years ago

    Hey Ruben - nice job. Yeah, position: absolute is valid here (in my humble opinion).

    I see you've used Astro. How are you liking it? And can I ask why you're using it, rather than vanilla HTML and CSS? (just curious).

    1
    Ruben•550
    @RubenSmnPosted almost 2 years ago

    @10high thanks for the feedback!

    Yeah I really like Astro so far. I wanted a place I could put all my challenges from Frontend Mentor so I decided to give Astro a go since I've always wanted to try it! Astro gives me a great flexibility to try different things such as: vanilla HTML, CSS and JavaScript, TailwindCSS and even some UI frameworks like ReactJS.

    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