Submitted over 2 years ago

created by using HTML/CSS

yamen• 190

@YamenAlzeiter

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

NFT preview card component

HTML
CSS

1newbie

View challenge

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

@RioCantre

Posted over 2 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

Please log in to post a comment

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