Skip to content
Submitted over 2 years ago

NFT preview card component using CSS and HTML

codecolastudio•100
@cruz-jerwin15
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Good day,

This is my third challenge here in frontendmentor. All your feedback will help me a lot in my coding skills. Thank you.

Code

Please log in to post a comment

Log in

Community feedback

  • Duber Velez•290
    @dubervelez

    Hi Jerwin! as a suggestion you can remove the width:376px; and change it to a max-width:376px; to improve the adaptability of the design to small screens. So when they find screens with a width less than 376px the width of the container will be reduced. Similarly, place the property object-fit: cover; to the image.

    To achieve the padding between the elements and the container, you use that property with all the elements, you could use it only in the container and in this way there would no longer be a need to use it in the elements.

    great job!

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