Skip to content
Submitted about 1 year ago

NFT PREVIEW PAGE

OsujiJr•70
@OsujiJr
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 will love any feedback or corrections on this too. One thing I saw that was some sort of hurdle was the active state image; I saw a little eye icon on the image, and also the filter or something like that changing once the mouse is hovered over. I don't know how to go about it.

Community feedback

  • Account deleted

    Hi!

    Nice component, here are my tips:

    • Try using BEM, makes your code more readable and organised!
    • Make sure your css is indented properly, in the media queries it is a bit messy. (prettier in VS Code prevents that)
    • Take a look at more semantic tags in HTML other than div, which basically is meaningless, for example: <div class="main"> can be replaced by <main>. Also make sure your HTML is indented properly as well.

    Cheers!

    Marked as helpful
    0
    OsujiJr•70
    @OsujiJrPosted about 1 year ago

    THANK YOU, I APPRECIATE IT @developer-ruben

    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