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

NTF Card Component using HTML & CSS

@retrovertigo1981

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


Opinions on how the HTML was structured and on my use of CSS grid and flexbox, any constructive feedback is appreciated.

Community feedback

Web Wizard 5,690

@rsrclab

Posted

Hi, @retrovertigo1981 ~

Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

Here are some of the tips I like to provide.

  1. There is no hover effect on NFT image, and that's also one of the challenging part on this project.
  2. Try BEM for classing the elements. That will help you a lot on bigger projects.
  3. On 320px device, card goes over screen, and using max-width will solve the issue.

https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

Cheers ~

Marked as helpful

1

@retrovertigo1981

Posted

@tymren608 thanks for your tips, I had not realized that I had forgotten the hover effect in the image, I will improve it. I will study further BEM to better classify my elements. Thank you very much!, an affectionate greeting from Chile.

~cheers

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