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
Request failed with status code 502

Submitted

NFT Card Preview Component using FlexBox and Absolute Position

JAVV 80

@daisukeeita

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


Hello everyone 👋!

This is my solution to the NFT Card Preview Component Challenge.

What made me stuck in this challenge is how to manipulate the images using the overlay technique and hover pseudo-class. I used the absolute positioning to make the second image center relative to the first image.

If you know another approach to this problem or if you see that my approach is not the best, feel free to comment it 😁!

Community feedback

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