Skip to content
Submitted almost 3 years ago

created by using HTML/CSS

yamen•190
@YamenAlzeiter
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 a trouble creating the line between creator section and price section using pseudo selectors, so I used border-bottom instead.

Community feedback

  • Rio Cantre•9,690
    @RioCantrePosted almost 3 years ago

    Hello there! Nice work with this one. Viewing your solution, I would suggest the following for you...

    • Add the hover state of the design. For the Hero image, you can use this example Overlay in image. Add color: var(--Cyan); and cursor:pointer for the hover state of h1 and .content_creater span
    • Add border-radius: 10px; in .e_img_img rule set
    • Include description with the alt in img tag and should not be empty

    Overall you did well and Keep it going!

    Marked as helpful
    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