Skip to content
Submitted about 2 years ago

NFT preview card component

saurabh•200
@akgec-saurabh
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

The main challenge which I felt was to apply the tint cyan on the image, however I manage to do it by having an absolute div inside the image-container and giving it an hsla color of cyan. There may be better method of doing it, Hope to get feedbacks from mentors, Happy coding :-> Thank You.

Community feedback

  • Kawsar Ahmed Fahad•2,660
    @faha1999Posted about 2 years ago

    Hello saurabh, Congratulations on finishing this project. It's lovely and great on the whole! Just a little tip:

    • remove all margin from container class because with flex they are superfluous
    • instead of using px use relative units of measurement like rem read here =>
    • You could also make use of <section> and/or <article> semantic tags. This would help improve accessibility.

    I hope this helps you. Happy Coding!

    Marked as helpful
    0
    saurabh•200
    @akgec-saurabhPosted about 2 years ago

    @faha1999 Thank You for your lovely suggestion I will surely implement it

    0

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