Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT preview card component using CSS and HTML

@cruz-jerwin15

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

@dubervelez

Posted

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!

1

@cruz-jerwin15

Posted

@dubervelez Thanks for the feedback

0

Please log in to post a comment

Log in with GitHub
Discord logo

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