Submitted over 1 year ago

NFT preview card component challenge

E. Marshall• 80

@CalderonVasquez

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 have never dealt with overlays. What made this overlay so difficult is that it was not just the overlay I had to deal with, but it also included an icon svg that needed to be centered. I had to do some research in order to add the overlay to my main image. I will definitely look for more resources to get a good grasp on overlays.

Community feedback

Atif Iqbal• 3,200

@atif-dev

Posted over 1 year ago

Hi E. Marshall, congrats for completing the challenge. You need to do following tasks.

Erase max-width: 1440px; to the center card for larger screens.
Eliminate little bit of Cyan color that is around corner of image.
Read frontendmentor HTML validation report issues and improve.

Hope you will find this FeedBack Helpful.

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